[CSS3] آ» ظƒظˆط¯ CSS3 ظ„ط¥ط¶ط§ظپط© ط*ط±ظƒظ‡ ط±ط§ط¦ط¹ظ‡ ط¹ظ„ظ‰ ط¬ظ…ظٹط¹ طµظˆط± ط§ظ„ظ…ظ†طھط¯ظ‰




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



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




الكود code وطريقة تركيب installه :
أولا توجه من ، المنتدى forum » الإداره » الإستايل styleات والقوالب » التحكم بالإستايل styleات » الاستايل style المراد وضع الكود code عليه » CSS رئيسي »

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

رمز PHP:
<code style="white-space:nowrap"> <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> </code>




تمتع الان بالإضافه الجديده

وإلى اللقاء في مواضيع قادمه !!








الملفات المرفقة [TR]
كود CSS3 لإضافة حركه رائعه على صور المنتدى By BashaEgypt.net.zip (34.8 كيلوبايت, عدد مرات المشاهدة 71 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©