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

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

انتظر قليلا10 ثواني

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

الشرح

نتوجه الى المدونة .
قالب .
تحرير HTML .
نضيف الكود التالي قبل الوسم ]]></b:skin>

    /* CSS Image Morph http://www.hukmat.blogspot.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)}
    /* CSS Image Morph http://www.hukmat.blogspot.com */