معتز بالله adminمدراء المنتدى
| موضوع: كود 2017 CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى :Css: 14/02/17, 05:02 am | |
| شارك الموضوع مع: اليوم معي كود 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; } |
|