جعل صور المدونة تظهر بشكل مائل مع خاصية الظل والتأثيرعند وضع مؤشر الماوس

فى المدونات السابقة بقسم دروس بلوجر وضعت لكم طريقة لجعل صور المدونة دائرية عند وضع مؤشر الماوس عليها .

وايضا تم اضافة درس كيفية اضافة تأثيرات تحريك جميع صور المدونة بشكل مائل اكثر من رائع بدون الظل فمن خلال هذه التدوينة جعلت لكم الاضافة بشكل مائل مع الظل والتاثيرات تظهر عند مرور مؤشر الماوس عليها .
واذا كنت تريد ظهور الصور بالظل فقط دون تمايل فعليك بزيارة هذه التدوينة : كيفية اضافة تأثيرات الظل على صور مشاركات المدونة POST-BODY-IMG-HOVER .

كيفية تركيب الاضافة بالمدونة :

 قبل اضافة اى اكواد يجب اخذ نسخة احتياطية قبل وضع اى اكواد ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالب الأن اضغط على تحرير HTML

الان قم بالبحث عن هذا الكود :

]]></b:skin>

ضع قبلة مباشرة هذا الكود :

-moz-transform: rotate(+2deg); } .post img:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg);
box-shadow:0 0 10px 4px #FF0000
 }

ملحوظة هامة :
اذا كنت تريد تغيير لون الظل عليك بتغير الكود المحدد باللون الأحمر 
بالاخير اضغط حفظ واذاهب الى الصفحة الرئيسية لتشاهد شكل الصور .
اتمنى بأن هذه الاضافة اعجبتكم