آموزش رایگان CSS جلسه بیست و چهارم: انیمیشن در CSS - نحوه ساخت انیمیشن و ویژگی های مربوط به انیمیشن

امروز قرار هست که بایکی از امکانات پیشرفته CSS آشنا بشیم. ما میتونیم با استفاده از ویژگی animations به اکثر عناصر html قابلیت و امکان انیمیشن رو بدیم، بدون اینکه از جاوا اسکریپت یا فلش استفاده کنیم. این ویژگی باعث میشه که صفحه وب ما پویاتر و جذاب تر بشه و دیتای موردنظرمون در قالبی جذابتر و زیباتر در اختیار کاربر قرار بگیره.
ویژگی انیمیشن در CSS این امکان رو به ما میده که یک عنصر رو در یک بازه زمانی مشخص از یه استایل به یه استایل دیگه تغییر بدیم. با استفاده از این ویژی میتونیم خصوصیات خیلی زیادی از یک عنصر html رو توی یه بازه زمانی تغییر بدیم.




دوره آموزش CSS
https://mrebi.pro/?p=1361
آموزش رایگان CSS جلسه اول: آشنایی با ...


پست مربوط به این ویدیو
https://mrebi.pro/?p=1779


همه دوره های آموزشی
https://mrebi.pro/courses


▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🔴 سابسکرایب و لایک فراموش نشه!!! 🔴
https://www.seevid.ir/api/yid/mrebi-pro/?s...
🔴 اگر سوالی دارید حتما تو قسمت کامنت پیام بذارید🔴
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬




0:00 انیمیشن در CSS
0:58 استفاده از keyframes
2:22 ویژگی animation-name
2:50 ویژگی animation-duration
7:10 ویژگی animation-delay
8:25 ویژگی animation-iteration-count
9:51 ویژگی animation-direction
10:22 ویژگی animation-timing-function
12:28 ویژگی animation-fill-mode
15:40 ویژگی animation
16:30  نمایش و بررسی یک انیمیشن پیشرفته در CSS


#آموزش_رایگان #آموزش_طراحی_سایت #CSS #آموزش_CSS #animation_css #animation