راکت

CSS Animation

4 پاسخ

سلام دوستان
من با استفاده از بوت استرپ اسلاید شویی (carousel) ساختم و داخل اون اسلاید شو با استفاده از animate.css چند تا انیمیشن برای تیتر و پاراگراف ایجاد کردم.
مساله اینه می‌خوام همه‌ی انیمیشن‌ها فقط بار اول نمایش اجرا بشن و با تکرار اسلاید دیگه انیمیشنی اجرا نشه.
کسی می‌تونه راهنماییم کنه؟

ثبت پرسش جدید

پاسخ‌ها

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

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

خصوصیت animation-iteration-count که تعداد تکرار متحرک سازی رو معین می کنه، مقداردهی کنید.
https://www.w3schools.com/css/tryit.asp?filename=trycss3_animation_count

رضا راد
رضا راد
@master.rafiei

ممنونم بابت پاسختون
اونو مقدار دهی کردم ولی تکرار انیمیشن در هر سیکل رو کنترل می‌کرد، من می‌خوام انیمیشن کلا یک بار انجام بشه و در چرخش‌های بعدی اسلاید انیمیشنی نباشه

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

سجاد
سجاد
@talkhabisajad10

تخصص: Front-End

سلام
اگه میخواید نکات ریز تری را پیاید سازی کنید باید از جاوا اسکریپت استفاده کنید

علی ولی‌نژاد
علی ولی‌نژاد
@AliValinejad

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

@master.rafiei
پیشنهاد میشه با جاوااسکریپت یک متغییر بولین (boolean) تعیین کنید که بعد از یکبار اجرا شدن انیمیشن اون متغییر حالت true بگیره و موقع پلی شدن اسلایدر چک کنید که متغیر true هست یا false اگر false بود انیمیشن اجرا بشه و متغیر روی true تنظیم بشه و اگر true بود انیمیشن اجرا نشه!

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

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