القلم الذهبي - كود css3 خفيف للإضافة حركه مميزه على كل الصور في المنتدى

كود css3 خفيف لإضافة حركه مميزه على كل الصور في المنتدى
اكود رائع جداً
مثال على الكود
ضع مؤشر الماوس على الصورة الرمزي الخاصه بي

او اي صوره في المنتدى

التركيب

أولا توجه من ، المنتدى » الإداره » الإستايلات والقوالب » التحكم بالإستايلات » الاستايل المراد وضع الكود عليه » CSS رئيسي »

وأضف الكود التالي في "تعاريف CSS الإضافية

لتعديل على الكود في درجة دوران الصور من خلا هذا الكود

(360deg) حيث ان 360 تعني دوران كامل
لجعل الحركه جميله ضع الرقم 20 او ما يناسبك

اليكم الكود

كود PHP:

   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; }