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

الكاتب Abdessamad Chbani | بتاريخ 3/30/2014

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

معاينة الأضافة

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

الشرح

•  نتوجه الى المدونة .
• قالب .
• تحرير 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 */

• ثم نضغط حفظ .

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