أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى



09-08-2012 01:44 مساءً
titostar2010
معلومات الكاتب
[CSS3] » كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى


اليوم معي كود CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى
لكن للأسف ما فيه مثال !!


طريقة عمل الكود : الكود يقوم بتدوير الصورة وعمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا تدور الصوره بعكس الاتجاه ويزول الظل بشكل تدرجي .


الكود وطريقة تركيبه :
ضيف هذا الكود اخر ملف css من لوحة الاداره
الكووووود
CODE

img{-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 0px 20px #000;
}  



او

وهناك كود اخر
طريقة عمل الكود : الكود يقوم بعمل دوران على حدود الصور عمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا يزول الظل بشكل تدرجي


الكود

CODE

img{
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -khtml-border-radius: 3px;
    border-radius: 18px;
}

img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 0px 20px #000;
} 



منتديات كاتز عرب كل جديد فى جديد
تم تحرير الموضوع بواسطة :titostar2010 بتاريخ: 09-08-2012 01:45 مساءً


look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
  09-08-2012 02:20 مساءً   [1]
titostar2010
معلومات الكاتب
لو تم التجربه طيب فين التقيمات والاعجابات

look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
  05-09-2012 03:20 مساءً   [2]
مجروح
معلومات الكاتب
مشكوووووووووورووور

look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
  02-01-2013 11:45 مساءً   [3]
رضا الطيب
معلومات الكاتب
الله ينور عليك يالغالى

look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
  10-02-2013 01:37 مساءً   [4]
سارة
معلومات الكاتب
شكر لك اخى الكريم

look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
  11-02-2013 02:28 مساءً   [5]
mohamed sabkha
معلومات الكاتب
100/100

مشكوووور


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
هل يوجد طريقه التحويل من phpbb الئ pbboard ! وكيف تحويل ! MAHDI H.D
4 582 MAHDI H.D
طريقه ربط نطاق m7mdloly
4 1381 Soliman
طريقه اضافه صورة اعلي كل قسم إبن القنصل
4 808 إبن القنصل
[مجابه] ممكن طريقه لايقاف هاك اخفاء الروابط Mr.Ba7a
7 1888 نجم الويب
[مجابه] طلب شرح طريقه الترقيه التلقائيه StepHen
6 1401 نجم الويب

الكلمات الدلالية
لا يوجد كلمات دلالية ..






الساعة الآن 11:41 AM