معهد خبراء بلوجر - إضافة تأثيرات حركية على الصور لمدونات بلوجر

http://3.bp.blogspot.com/-PQ3crZJ0N5.../polaroid2.jpg

السلام عليكم ورحمة الله تعالى وبركاته
سوف نتعرف اليوم علي طريقة جميلة جدا لوضع تأتيرات على الصور ،هذه الخاصية
تعطي للصور جمالية وتنسيق رائع عند وضع مؤشر الماوس علي الصورة سوف تميل
جانبا وعند إبعاد مؤشر الماوس تعود الصورة لوضعيتها الطبيعية ،
الآن لنتوجه لتطبيق الكود.
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة
توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )

كود بلغة HTML:

]]></b:skin>

ثم قم بوضع الكود التالي قبله

كود بلغة HTML:

.post img {-webkit-transition:  -webkit-transform .15s linear;

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);

padding: 5px 5px 5px 5px;

-webkit-transform:  rotate(+2deg);

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

}

يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك سواء على اليسار
أم على اليمين وذلك بإستبدال الرمز (+) بالرمز( -) والعكس، حيث تمثل القيمة 2deg+
درجة الميلان قبل وضع مؤشر الماوس وتمثل كذلك القيمة 1deg- درجة الميلان عند وضع
مؤشر الماوس على الصورة .

http://3.bp.blogspot.com/-PQ3crZJ0N5.../polaroid2.jpg

هذا كل شيء ،أتمني أن تعجبكم هذه الإضافة،في إنتظار آرائكم وإستفساراتكم حول الموضوع .

المصدر : http://drhelp4u.blogspot.com/2013/03/blog-post_29.html