hits counter
الرئيسيةس .و .جبحـثالتسجيلدخول
دعم شباب الآن: لدينا 8248 موضوع ، و 1991 عضو ، آخر عضو مسجل : نغم سات فمرحباُ به.



كود css لتدوير الصور عند مرور الماوس
avatar
THE QM
إدارة الموقع
 
المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: كود css لتدوير الصور عند مرور الماوس




السلام عليكم ورحمة الله وبركاته

كود css لتدوير الصور عند مرور الماوس

النتيجة :


الكود
-جميع صور الموقع
الكود:

    img:hover {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: .5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-15deg) scale(1.5);
    -moz-transform: rotate(-15deg) scale(1.5);
    -o-transform: rotate(-15deg) scale(1.5);
    }

- صور داخل المواضيع فقط
الكود:

    .postbody img:hover {
    -webkit-animation-name: pulse;
    -webkit-animation-duration: .5s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transform: rotate(-15deg) scale(1.5);
    -moz-transform: rotate(-15deg) scale(1.5);
    -o-transform: rotate(-15deg) scale(1.5);
    }

- صور ازرار المنتدى

الكود:
.mainmenu:hover img {
    transform: rotate(-15deg) scale(1.5);
}

وبهذا نصل الى نهاية موضوعنا
نتمنى للجميع المتعة والفائدة
اخوكم حسن و



كن بالقرب :
follow me @HDagash


التعليقات
لا يوجد حالياً أي تعليق

تفضّل شارك بتعليقك

دعم شباب  :: تطوير المواقع والمنتديات :: تطوير المواقع :: عالم الاكواد :: اكواد الانسيابية css للنسخة الثانية phpp2-