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

اليوم معي كود 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
[وحدهم المديرون لديهم صلاحيات معاينة هذه الصورة]

كوووووووود رائع