راکت

animate css

5 پاسخ

دوستان کسی با animate.css کار کرده؟؟
چطوری میشه روی یک div این کلاس رو اضافه کرد نمیخوام از اطراف مرورگر اجرا شه؟؟؟

ثبت پرسش جدید

پاسخ‌ها

5
حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

کلاس های که در فایل animate.css هست رو به عنوان کلاس روی div استفاده میکنید همین حالا با ترکیب js میشه پویاترشم کرد

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

ازین ترفند استفاده کنید، با یک مثال براتون نوشتم.

<div class="classNameForElement"> a </div>

.classNameForElement:hover { 
    -webkit-animation: bounce 1s; 
    animation: bounce 1s; 
}

شاید پاسخ شما همین‌جا باشد

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

در ضمن برای برخی از متحرک سازی ها شما بهتره که نگهدارنده ی بیرونی قرار بدین تا مشکلی پیش نیادش:

<div class="classNameForElement">
    <div class="class-target">
        a
    </div>
</div>

.classNameForElement:hover .class-target { 
    -webkit-animation: bounce 1s; 
    animation: bounce 1s; 
}
مهدی رستگار
مهدی رستگار
@rm.8968

تخصص: توسعه دهنده frontend &amp;amp; backend

@hesammousavi
@milad
ممنون از هر دو بزرگوار
راه حلش این بود که به div بیرونی overflow:hidden میدادیم.

nstrn1995
nstrn1995
@ahmadi.nastaran74

تخصص: توسعه دهنده وب سایت

ميتونين از دستور addclass در js هم استفاده كنين و نتيجه ي بهتري بگيريد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام