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

Abdo Salem | السبت, ديسمبر 27, 2014 | 2 | تعديل

تأثير على الصور في مدونتك في بلوجر

تأثير على صور مدونتك جميل ورائع, ويجعل الصورة لها إطار جميل, وعندما يقف مؤشر الماوس عليها تدور دوران خفيف.

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

1 - أدخل إلى لوحة التحكم -> القالب -> تحرير HTML.
2 - ضع هذا الكود فوق .

<style type = "text/css">
img
{
padding:2px !important;
border:1px solid #eeeeee !important;
transition:all 0.2s ease-in-out !important;
-o-transition:all 0.2s ease-in-out !important;
-moz-transition:all 0.2s ease-in-out !important;
-webkit-transition:all 0.2s ease-in-out !important;
}
img:hover
{
transform:rotate(-2deg) !important;
-o-transform:rotate(-2deg) !important;
-ms-transform:rotate(-2deg) !important;
-moz-transform:rotate(-2deg) !important;
-webkit-transform:rotate(-2deg) !important;
}
</style>

3 - أضغط على حفظ.