إضافة تأثيرات على الصور في بلوجر

محمد الكناني    اضافات بلوجر    تعليق   

الشرح

•  نتوجه الى المدونة .
• قالب .
• تحرير HTML .
• نضيف الكود التالي قبل الوسم  ]]></b:skin>

    /* CSS Image Morph http://mphker.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.hukmat.blogspot.com */

• ثم نضغط حفظ .