/* CSS Image Morph http://www.ph3professional.blogspot.com */
.post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px
5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s
ease;-moz-transition:all .5s ease;-o-transition:all .5s
ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
.post
img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
/* CSS Image Morph http://www.ph3professional.blogspot.com */
طريقة وضع الكود لتفعيل التأثير كالتالي:
1- الدخول على لوحة التحكم ثم القالب Template ثم اختر تخصيص Customise
2- اختار متقدم
Advanced ثم
Add CSS وضع الكود السابق فى المستطيل
3- إضغط على
Apply to Blog
لاحظ : لتفعيل كلمة Apply to Blog قم بالنقر أخر الكود وخذ مسافة ومن ثم اضغط على Apply to Blog لاتمام المهمة. اذا اعجبك الكود قم بمشاركته على مواقعك المفضلة :)
إرسال تعليق