الأحد، 22 أبريل 2018

طريقة إضافة تأثير على الصور

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

الان شرح تطبيق الاضافه


إذهب إلى لوحة التحكم -->>
القالب ثم إضغط على تحرير html


الآن بإستخدام مفتاح الإختصار في لوحة المفاتيح ctrl+f ثم نبحث عن الرمز التالي .


رمز Code:
]]></b:skin>

أضف كود الاضافه التالي فوقه مباشرةً .


رمز Code:
/* 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 */

إضافة تعليق