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

السلام عليكم ورحمة الله,اليوم جئتكم بإضافة جميلة بتقنية 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) وأخيرا اضغط على حفظ القالب

من فضلك شارك هذا الموضوع اذا اعجبك

الموضوع من طرف: عبد الحكيم الحماني

عبد الحكيم الحماني 19 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بتطوير المواقع والتجارة الالكترونية يمكنك متابعته من خلال الفيسبوك . تويتر . جوجل بلس

ضع تعليقا أخي الكريم