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





السلام عليكم ورحمة الله,اليوم جئتكم بإضافة جميلة بتقنية css تضيف لصور المدونة حركة دوران عند مرور الماوس عليها

معـــاينة





1)تسجيل الدخول الى بلوجر

2) خيارات> تحرير القالب > ضع علامة على توسيع القالب 

3) ابحث عن الكود التالي بإستعمال مفتاحي ctrl+f
]]></b:skin>
4) ضع الكود التالي فوق الكود السابق الذي ةجدته

.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);


ليصبح في الاخير هكذا:
contoh:
.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);

 ]]></b:skin>


7) وأخيرا اضغط على حفظ القالب


روابط هذا المـــوضوع قــابلــة للنــــسخ
URL
HTML

تنبيه : المرجوا عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
fortek