Friday, April 25, 2014

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

By on 8:37 AM

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

السلام عليكم ورحمة الله وبركاته
إضافة اليوم هي عبارة عن تأثير بسيط وجميل على صور مواضيع مدونتك فقط بمجرد مرور الماوس على الصورة سوف تقوم بالدوران وتتحول إلى شكل دائري جميل لا تأثر إطلاقاً هذه الإضافة على أحجام الصور أو غيرها فقط هي عملية بسيطة تطبق بواسطة CSS

معاينة:

Efecto imagen


تطبيق هذه الإضافة على مدونتك


إذهب إلى لوحة التحكم  -->> القالب ثم إضغط على تحرير html
الآن بإستخدام مفتاح الإختصار في لوحة المفاتيح ctrlوf أبحث عن الرمز ]]>

بعد أن وجدت الرمز ]]>
أضف الكود التالي فوقه مباشرةً

كود:
/* by www.madad2.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)
}
/* by http://www.aizumblog.com */


ثم حفظ القالب ولنرى النتائج

0 التعليقات:

Post a Comment