آموزش انیمیشن های CSS با پروژه های خلاقانه در دنیای واقعی

درس ها Lessons

• پروژه انیمیشن متن - 14 Text Animation Project - 14

• پروژه انیمیشن متن نئون - 24 Neon Text Animation Project - 24

• مقدمه Intro

• CSS Flexbox CSS Flexbox

• پروژه دکمه پرداخت - 23 Pay Button Project - 23

• موقعیت یابی مطلق Absolute Positioning

• بارگیری انیمیشن ها - پروژه ها (17-20) Loading Animations - Projects (17-20)

• پروژه انیمیشن پس زمینه آیکون های اجتماعی - 2 Social Icons Background Animation Project - 2

• پروژه انیمیشن مرزی نمادهای اجتماعی - 1 Social Icons Border Animation Project - 1

• پروژه انیمیشن ضربان قلب - 13 Heart Beating Animation Project - 13

• پروژه انیمیشن ماشین رانندگی در شب - 25 Night Drive Car Animation Project - 25

• چشم انداز Perspective

• تبدیل Transform

• درک انیمیشن ها Understanding Animations

• تبدیل مبدا Transform Origin

• پروژه دکمه متحرک - 8 Animated Button Project - 8

• شبه عناصر Pseudo-Elements

• پروژه دکمه صفحه کلید - 6 Keyboard Button Project - 6

• تبدیل انواع Transform Types

• مبانی CSS CSS Basics

• پروژه منوی متحرک - 9 Animated Menu Project - 9

• پروژه انیمیشن موج متن - 16 Text Wave Animation Project - 16

• انتقال CSS CSS Transitions

• شبه کلاس ها Pseudo-Classes

• پروژه کارت های کج - 7 Skewed Cards Project - 7

• پروژه دکمه شناور - 11 Hovered Button Project - 11

• پروژه انیمیشن موج پوزیدون - 15 Poseidon Wave Animation Project - 15

• پروژه انیمیشن دراپ - 21 Drop Animation Project - 21

• نمادهای اجتماعی در پروژه دکمه - 4 Social Icons In a Button Project - 4

• مینی درس - سایه متن Mini Lesson - Text Shadow

• پروژه دکمه تماس واتساپ -12 WhatsApp Calling Button Project -12

• پروژه دکمه فلش - 10 Arrow Button Project - 10

• پروژه انیمیشن لایه ای پروژه آیکون های اجتماعی - 3 Social Icons Project Layer Animation Project - 3

• پروژه انیمیشن چرخش نمادهای اجتماعی - 5 Social Icons Rotation Animation Project - 5

• پیکربندی انیمیشن ها Configuring Animations

• پروژه انیمیشن متن طراح - 22 Designer Text Animation Project - 22