[تم الحل] ممكن طريقه عمل دوران لصوره العضو عن مرور الماوز

  • بادئ الموضوع بادئ الموضوع masrysat.com
  • تاريخ البدء تاريخ البدء
الحالة
مغلق و غير مفتوح للمزيد من الردود.

masrysat.com

codeNET
رفيق كود نت
بسم-الله-الرحمن-الرحيم.webp



1.gif

ممكن طريقه عمل دوران لصوره العضو عن مرور الماوز
واكون شاكر ليك اخى اعلم انى طلبت الكثير وتم تلبيت طلبى ولاكن كما تعودنا منكم لا تبخلو على احد

Screenshot_4.png
 
بسم-الله-الرحمن-الرحيم.webp



1.gif

ممكن طريقه عمل دوران لصوره العضو عن مرور الماوز
واكون شاكر ليك اخى اعلم انى طلبت الكثير وتم تلبيت طلبى ولاكن كما تعودنا منكم لا تبخلو على احد

مشاهدة المرفق 514
مرحبًا اخي العزيز ..
يمكنك تجربة هذا الكود ،
CSS:
/* تأثير دوران مستمر في اتجاه واحد عند مرور الماوس */
.message-avatar .avatar {
    transition: transform 0.6s ease;
}

.message-avatar .avatar:hover {
    animation: rotate-once 1s linear forwards;
}

@keyframes rotate-once {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
ومن خلال هذا الكود يمكنك ، تقليل او تسريع حركة الدوران

CSS:
.message-avatar .avatar:hover {
    animation: rotate-once 1s linear forwards;
}

حيث تغير 1s الى 2s او 3s اذا اردتها بطئية ، وذا ارتها سريعة يمكنك استخدام 0.9s او 0.3s اي جزء من الثانية يمكنك استخدامة

يمكنك مشاهدة هذا الموضوع : https://forum.4r3.net/threads/d-bnr-kwd-nt-wahsl-ly-dm-fny-mdfw-mjanaan.270/

تحياتي .. ادارة كود نت
مهدي حميد :)
 
تم نقل الموضوع الى مكان المناسب .
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.
عودة
أعلى