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

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

 بلوجر

- اليكم طريقة أضافة الكود

- أذهب لى لوحة التحكم

- أضغط على تصميم >> تحرير html 

- أبحث عن السطر التالي:

]]></b:skin>

- ثم قم بلصق هذا الكود قبله 

.post img {-webkit-transition:  -webkit-transform .15s linear;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
padding: 5px 5px 5px 5px;
-webkit-transform:  rotate(+2deg);
-moz-transform: rotate(+2deg);
}

.post img:hover {
-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-webkit-transform:  rotate(-1deg);
-moz-transform: rotate(-1deg);
}