http://www.dzbatna.com/images/icons/icon18.gif [CSS3] آ» ظƒظˆط¯ CSS3 ظ„ط¥ط¶ط§ظپط© ط*ط±ظƒظ‡ ط±ط§ط¦ط¹ظ‡ ط¹ظ„ظ‰ ط¬ظ…ظٹط¹ طµظˆط± ط§ظ„ظ…ظ†طھط¯ظ‰
http://upload.dzbatna.net/upfiles/Rkt97940.jpg
اليوم معي كود code CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى forum
لكن للأسف ما فيه مثال !!
http://upload.dzbatna.net/upfiles/LDC98190.jpg
طريقة عمل الكود code : الكود code يقوم بتدوير الصورة وعمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا تدور الصوره بعكس الاتجاه ويزول الظل بشكل تدرجي .
http://upload.dzbatna.net/upfiles/LDC98190.jpg
الكود code وطريقة تركيب installه :
أولا توجه من ، المنتدى forum » الإداره » الإستايل styleات والقوالب » التحكم بالإستايل styleات » الاستايل style المراد وضع الكود code عليه » CSS رئيسي »
وأضف الكود code التالي في "تعاريف CSS الإضافية/Additional CSS Definitions"
رمز 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;
}
http://upload.dzbatna.net/upfiles/LDC98190.jpg
تمتع الان بالإضافه الجديده http://www.dzbatna.com/images/smilies/shiny01.gif
وإلى اللقاء في مواضيع قادمه !!
http://www.dzbatna.com/images/smilies/bye1.gif
الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif كود CSS3 لإضافة حركه رائعه على صور المنتدى By BashaEgypt.net.zip (34.8 كيلوبايت, عدد مرات المشاهدة 71 مرة) [/TR]
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©