كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon

**ياسين الحضيري** · **ياسين الحضيري**

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

كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon 22222216

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

الكود وطريقة تركيبه :

لوحة الإدارة --> مظهر المنتدى --> الوان --> ورقة تصميم CSS

الكود ::

الكود:: [color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] img{-moz-transition: all 0.8s ease-in-out;[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -webkit-transition: all 0.8s ease-in-out;[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -o-transition: all 0.8s ease-in-out;[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -ms-transition: all 0.8s ease-in-out;[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] transition: all 0.8s ease-in-out;[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] }[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] img:hover{[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -moz-transform: rotate(360deg);[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -webkit-transform: rotate(360deg);[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -o-transform: rotate(360deg);[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -ms-transform: rotate(360deg);[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] transform: rotate(360deg);[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] box-shadow: 0 0px 20px #000;[color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] }

The end
كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon 851176

كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon 849163

أحلى خبــــير اكواد
new.moon
كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon 921125

كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon

كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon

كود دوران الصور في المنتدى مثل الدي كان على شبكتنا برمجة new.moon :: تعاليق

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

التسجيل

تسجيل الدخول