كود رائع لإضافة تأثيرات على الصور في مدونات بلوجر
السلام عليكم ورحمة الله وبركاته
كلنا يعلم قيمة الصور في المحتوى الذي نطرحه على مدونات بلوجر، اليوم سنتعلم كيفية إضافة تأثير متحرك رائع وبسيط للصور في مدونتك
من قالب - تحرير html
ابحث (cont+f)
عن <body/>
ضع فوقه الكود التالي
<style type='text/css'>
img
{
padding:1px !important;
border:1px solid #eeeeee !important;
transition:all 0.1s ease-in-out !important;
-o-transition:all 0.1s ease-in-out !important;
-moz-transition:all 0.1s ease-in-out !important;
-webkit-transition:all 0.1s ease-in-out !important;
}
img:hover
{
transform:rotate(-1deg) !important;
-o-transform:rotate(-1deg) !important;
-ms-transform:rotate(-1deg) !important;
-moz-transform:rotate(-1deg) !important;
-webkit-transform:rotate(-1deg) !important;
}
</style>
img
{
padding:1px !important;
border:1px solid #eeeeee !important;
transition:all 0.1s ease-in-out !important;
-o-transition:all 0.1s ease-in-out !important;
-moz-transition:all 0.1s ease-in-out !important;
-webkit-transition:all 0.1s ease-in-out !important;
}
img:hover
{
transform:rotate(-1deg) !important;
-o-transform:rotate(-1deg) !important;
-ms-transform:rotate(-1deg) !important;
-moz-transform:rotate(-1deg) !important;
-webkit-transform:rotate(-1deg) !important;
}
</style>
الكود باختصار يعتمد على إضافة تأثير حركي بمدة زمنية محددة تسطيع زيادتها، جعلتها هنا ثانية واحدة فقط وبإمكانك زيادتها لكن تبالغ في الزيادة فيفقد التأثير بساطته .
Osama elmasry
اسامة المصري : من مصر, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، ,
ليست هناك تعليقات:
إرسال تعليق