كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى

اذهب الى الأسفل

ãÚáæãÉ كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى

مُساهمة من طرف YasirAyad السبت 23 يونيو 2012 - 18:44

كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى 11111130

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



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


كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى 22222216


الكود وطريقة تركيبه :

لوحة الإدارة --> مظهر المنتدى --> الوان --> ورقة تصميم 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;
}

كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى 22222216


والان اذهب الى منتداك وأشر في الماوس على اي صوره سوف تعمل الخاصيه ومتوافقه على جميع النسخ..


The end
كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى 851176



كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى 849163
أحلى خبــــير اكواد
new.moon
كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى 921125

YasirAyad
YasirAyad
 
 

ذكر
عدد المساهمات : 10114
معدل النشاط : 15504
السُمعة : 297

http://yasirayad.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى