اضافة كود الدوران على الصور في مدونتك

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله تعالى وبراكاته اعزائي الكرام في هذا الدرس على مدونة فريستا للمعلوميات سنقدم لكم

كود يجعل صور مدونتك تدور بشكل جميل لا شك ان العديد من الاشخاص يبحثون عن هذا الكود لكن لا يجدونه في بعض الاحيان لكن لاباس فانا سوف اعطيكم الكود حيث هناك العديد من الاشخاص يزرون بعض المواقع الالكترونية ويجدون هذه الاداة يعني اداة الدوران ويردون ان يضعوا مثل هذه الاداة في مدونتهم لكن عندما يبحثون في جوجل لا يجدونها احيانا.

1.اذهب الى القالب 

2.اذهب الى تحرير Html

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);

ومبروك عليك الاضافة 

والى اللقاء دمتم في رعاية الله