راسلنا من خلال النمودج التالي :

الاسم

بريد إلكتروني *

رسالة *

أكتب ما تود البحث عنـه .....

إعلان
إعلان

آخر الأخبار

تأثير دوران الصورعند مرور الماوس عليها لمدونات البلوجر







اقدم لكم كود مميز و جميل 

خاص بمدونات البلوجر وهو

تأثير دوران الصورعند مرور الماوس عليها



نقدم لكم اليوم لمسة جمالية تضاف الى مدوناتكم او مواقعكم الالكترونية ، لمن يبحث عن الاحتراف والجمال. دعونا نعاين الاضافة ، ومن ثم نبدأ الشرح:

في الماضي كان من الصعب عمل تأثير على صورة باستخدام css فقط،

واليوم مع التطور الذي حل على اللغة أصبح من السهل فعل هذا الامر.

في هذا الشرح السريع سوف نجعل الصور تدور(360درجة) بمجرد مرور الماوس عليها ، وهذا سيعطي جانب جمالي مع بعض المتعة لزوار مدونتك ,دعونا نعاين الاضافة ومن ثم نبدأ الشرح:






لو اردت ان تضيف هذا التاثير لكافة صور مدونتك قم بالبحث(CTRL+F) عن الوسم التالي ]]></b:skin> والصق كود الCSS التالي فوقه مباشرة







img {
background-color:#ffffff;
border:0px;
outline:none;
padding:5px 5px 20px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.7);
box-shadow:0 1px 3px rgba(0,0,0,0.7);
}
img:hover {
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
-ms-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);
}



و شكرا 

hala teck
الكاتب : MAHER

مدون عربي صاحب مدونة هلا تك يهتم بكل جديد بعالم التقنية و المعلومات

شارك الموضوع
تعليقات
إعلان