ساخت انیمیشن‌های CSS با مراحل بیشتر

مقدمه

00:03:10

انتقال CSS چیست؟

00:03:08

دستورات و گزینه‌های انتقال

00:06:12

راه‌های مختلف نوشتن ویژگی انتقال

00:05:56

کدام ویژگی‌های CSS قابل‌انتقال هستند؟

00:02:05

اصول انتقال‌های CSS در محیط دو بعدی

00:01:48

تابع translate در CSS

00:05:06

آموزش تابع scale

00:03:52

آموزش تابع rotate در CSS

00:02:56

تابع skew در CSS

00:02:27

کاربرد ویژگی transform-origin

00:02:27

تابع translate در محیط 3 بعدی

00:05:46

تابع rotate در محیط 3 بعدی

00:03:13

افکت خلاقانه‌ی دکمه‌ی rotate

00:06:47

افکت خلاقانه‌ی دکمه‌ی Swipe

00:07:51

افکت شناور خلاقانه برای دکمه

00:06:26

طراحی خلاقانه‌ی دکمه با افکت بزرگ‌نمایی

00:02:41

طراحی دکمه‌ی swipe از بالا به پایین با نوشته

00:02:52

طراحی دکمه‌ با افکت Glow

00:05:22

طراحی دکمه‌ با افکت جابه‌جایی دو لایه‌ای

00:05:49

طراحی دکمه با افکت بزرگ‌نمایی متن

00:05:20

طراحی دکمه با افکت جابه‌جایی انحنا‌دار

00:07:24

طراحی دکمه‌ با افکت rotate سه لایه‌ای

00:06:32

طراحی دکمه با افکت جابه‌جایی لایه از چپ به راست

00:07:38

طراحی دکمه با افکت تبدیل سه دایره به پس‌زمینه

00:14:43

طراحی دکمه با افکت شناور

00:08:07

طراحی دکمه با افکت چندبخشی

00:13:40

طراحی دکمه با افکت جابه‌جایی لبه‌ها

00:11:24

طراحی دکمه با افکت لبه‌های بزرگ‌‌شونده

00:07:08

طراحی دکمه با افکت rotate حرف اول

00:07:32

طراحی دکمه با افکت چهار لبه‌ی بزرگ‌شونده

00:08:57

طراحی دکمه با افکت مواج

00:09:23

طراحی دکمه با افکت دو بریدگی

00:08:32

طراحی دکمه‌ با افکت دو بخش مورب

00:05:52

طراحی دکمه با افکت ضربان‌دار

00:05:50

طراحی دکمه swipe با افکت مورب با استفاده از border ها

00:07:46

افکت خلاقانه‌ی عکس شماره یک

00:08:18

افکت خلاقانه‌ی عکس شماره دو

00:03:59

افکت خلاقانه‌ی عکس شماره سه

00:02:46

افکت خلاقانه‌ی عکس شماره چهار

00:02:38

عکس شماره 5: افکت hover

00:12:33

عکس شماره 6: افکت hover

00:02:38

عکس شماره 7: افکت hover

00:16:42

عکس شماره 8: افکت hover

00:07:29

عکس شماره‌ی 9: افکت hover

00:09:06

عکس شماره‌ی 10: افکت hover

00:04:57

عکس شماره‌ی 11: افکت hover

00:06:45

افکت hover در menu: کادر و خط‌های در حال رشد

00:05:50

افکت hover در menu: تغییر پس‌زمینه و کادرها

00:09:55

افکت hover در menu: پس زمینه تقسیم شده

00:10:09

افکت hover در menu: حاشیه‌های زیرین متحرک

00:07:08

افکت hover در menu: مات‌سازی

00:07:17

افکت hover در menu: انتقال همراه با تأخیر

00:10:53

پروژه‌های افکت hover در menu: ایجاد دو حاشیه و پس‌زمینه

00:08:32

افکت hover در menu: ساخت حاشیه‌ی Sniper

00:09:38

افکت hover در menu: ساخت حاشیه‌های چرخشی

00:06:51

افکت hover درmenu: منوی لایه‌ای رنگارنگ

00:06:36

افکت hover در card: تغییر پس‌زمینه‌ی کارت

00:06:59

پروژه‌های افکت hover در card: کارت بازشونده

00:06:34

افکت hover در card: ساخت افکت کاپیتان مارول

00:07:14

افکت hover در card: حاشیه‌ی کارت

00:09:32

افکت hover در card: کارت دو رو

00:11:14

افکت hover در card: کارت چندلایه

00:09:57

افکت خلاقانه‌ی کارت باز‌شونده

00:10:37

افکت متن دودی با ویژگی تبدیل CSS

00:05:12

افکت پرشدن متن با بردن موس روی آن

00:03:30

افکت تغییر شکل آیکون‌های رسانه‌های اجتماعی

00:10:01

افکت چرخشی حاشیه‌های متن با ویژگی تبدیل CSS

00:10:10

معرفی انیمیشن‌ها و استفاده از فریم‌های کلیدی

00:03:42

وِیژگی حالت Animation Fill در CSS

00:06:35

تعداد تکرار و زمان‌بندی انیمیشن

00:03:54

وِیژگی جهت‌دهی انیمیشن

00:03:08

روش کوتاه‌نویسی انیمیشن

00:01:57

طراحی متن شناور با استفاده از انیمشین‌های CSS

00:03:50

افکت Loading چرخان با انیمیشن‌های CSS

00:04:14

ساخت یک خودرو و موتور متحرک با استفاده از CSS

00:05:08

ساخت یک متن چرخشی با استفاده از انیمیشن‌ها در CSS

00:02:54

الگوی متحرک تکرار‌شونده در پس‌زمینه

00:03:57

افکت دکمه‌ی لرزان با انیمیشن‌های CSS

00:04:05

دکمه‌ی متحرک با استفاده از انیمیشن‌ها در CSS

00:07:00

متن نورانی با استفاده از انیمیشن‌های CSS

00:05:31

افکت ضربان قلب با استفاده از انیمیشن‌های CSS

00:07:22

تصویر متحرک به‌عنوان پس‌زمینه‌ی متن

00:03:05

افکت جهش توپ‌ها با استفاده از انیمیشن‌های CSS

00:06:39

افکت بارش باران با استفاده از انیمیشن‌ها در CSS

00:03:23

افکت قرارگیری ماوس با انیمیشن‌های CSS

00:08:32

انیمیشن متنی برای Loading

00:07:01

افکتی جذاب برای ایجاد ضربان

00:06:44

اسلایدر عکس ساده

00:02:49

تغییر رنگ پس‌زمینه

00:04:39

افکت بارگذاری رنگی

00:10:00

افکت مربع‌های متحرک

00:05:39

افکت آشکارسازی متن

00:04:21

افکت چرخان حلقه‌ی بارگذاری

00:06:09

افکت بارگذاری خطی

00:06:17

افکت خطوط بارگذاری درحال‌رشد با تغییر اندازه

00:06:26

افکت بارگذاری حلقه‌های چرخان

00:08:50

مربع‌های محوشونده

00:06:37

افکت خطوط بارگذاری متحرک رنگی در حال رشد

00:04:44

پس‌زمینه‌ی چهارگوش‌های در حال حرکت

00:11:22

انیمیشن شش‌ضلعی برای بارگذاری

00:13:02

افکت خط گسترش‌یافته در منو

00:06:47

پس‌زمینه با چهارگوش‌های بزرگ‌شونده

00:09:03

ویژگی مسیر برش در CSS

00:07:53

افکت تقسیم متن Loading

00:08:04

افکت موج‌دار با استفاده از ویژگی clip-path

00:07:09

افکت شناور برای عکس با استفاده از ویژگی clip-path

00:07:30

افکت شناور ظاهرشونده‌ با استفاده از ویژگی clip-path

00:04:21

افکت متن سیاه به سفید و سفید به سیاه

00:06:36

افکت شناور تبدیل عکس به دایره

00:08:43

افکت شناور عکس

00:08:25

افکت متن تقسیم‌شونده‌ برای منو

00:11:00

طراحی دکمه با افکت شناور

00:06:33