ایجاد بازه زمانی برای اجرای انیمیشن

این تاپیک 3 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  Pouria Ariafar ،‏ 4 ماه پیش .

این تاپیک تاکنون 151 بازدید داشته است .

نویسنده پست
یکشنبه ، 31 جولای 2016     6:26 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

سلام

من سه تا باکس دارم که میخوام به وسیله css بهشون انیمیشن بدم

حالا باید چکار کنم که هر سه این باکس ها به ترتیب اجرا بشن

مثلا اول باکس 1 مدت 30 ثانیه اجرا بشه بعد باکس دوم و سوم به همین ترتیب و باز از اول همین روال

انجام بشه.

ممنون میشم اگر راهنمایی کنید

1  تشکر
یکشنبه ، 31 جولای 2016     9:35 ب.ظ #


Pouria Ariafar

ناظم
141 پست9 تاپیک

سلام

باید از transition delay  استفاده کنی

میتونی از لینک زیر طرز کارش رو ببینی

لینک

2  تشکر
دوشنبه ، 1 آگوست 2016     4:16 ب.ظ #


sadaf

Subscriber
VIP
99 پست88 تاپیک

ولی این ویژگی برای هر باکس به صورت جدا هست

برای اینکه همه مثلا 3 ثانیه اجرا بشن چی؟

منظورم به ترتیبه

میشه یک مثال بزنید

0  تشکر
دوشنبه ، 1 آگوست 2016     5:59 ب.ظ #


Pouria Ariafar

ناظم
141 پست9 تاپیک

سلام

شما دوره طراحی سایت سون لرن رو ثبتنام کردید؟ اگر ثبتنام کرده باشید در ویدیو 20 یک پروژه مدرن طراحی شده و میتونید قالب طراحی شده رو در لینک زیر نگاه کنید

لینک

حال به قسمت پایین این قالب بیایین، قسمت که با عنوان "تیم سون لرن" نوشته شده

اگر توجه کرده باشید عکس های تیم سون لرن به ترتیب لود میشه از سمت راست به چپ

برای هر کدوم از عکس ها یک delay  تعریف شده

مثلا عکس اول 0.5 ثانیه ، عکس دومی 1 ثانیه و عکس سومی 1.5 ثانیه delay  تعریف شده و این delay ها باعث میشن عکس ها به ترتیب و با یک زیبایی خاص لود بشه

حالا اگربراتون سخته خودتون animation تعریف کنید از کتابخانه wow استفاده کنید لینکش پایین هست، قسمت how to use برید تا نحوه استفاده از این کتابخانه رو فرابگیرید

http://mynameismatthieu.com/WOW/

0  تشکر
پست 1 تا 4 (از مجموع 4 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .