هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى
اليوم معي كود CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى
لاكن للأسف لا يوجد مثال!
طريقة عمل الكود : الكود يقوم بتدوير الصورة وعمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا تدور الصوره بعكس الاتجاه ويزول الظل بشكل تدرجي .
الكود وطريقة تركيبه :
لوحة الإدارة --> مظهر المنتدى --> الوان --> ورقة تصميم CSS
الكود ::
- الكود:
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;
}
والان اذهب الى منتداك وأشر في الماوس على اي صوره سوف تعمل الخاصيه ومتوافقه على جميع النسخ..
The end
أحلى خبــــير اكواد
new.moon
مواضيع مماثلة
» css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها
» كيف اغير لون المساهمه مع الموضوع بدون تغير اي حركه من المنتدى الرئيسي
» عاجل .. المنتدى لايؤرشف المواضيع الجديدة ويعيد جميع روابط الموضوعات الى رئيسية المنتدى
» كيف اغير اسم المنتدى في جميع الصفحات المنتدى
» اسم المنتدى الخاص بي على جميع صور المنتدى
» كيف اغير لون المساهمه مع الموضوع بدون تغير اي حركه من المنتدى الرئيسي
» عاجل .. المنتدى لايؤرشف المواضيع الجديدة ويعيد جميع روابط الموضوعات الى رئيسية المنتدى
» كيف اغير اسم المنتدى في جميع الصفحات المنتدى
» اسم المنتدى الخاص بي على جميع صور المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى