آموزش انیمیشن های Css

معرفی دوره

آموزش اضافه کردن Transition در Css

 سفارش سازی زمان اجرا، زمان تاخیر و سرعت ترنزیشن ها 

 ما می توانیم  کدهای ترنزیشن رو ادغام کنیم و با یک خط دستور تمام مشخه های ترانزیشن را مقداردهی کنیم

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

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

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

در این جلسه ما مشخصه های سرعت و  جهت و  ... را با استفاده از مثال های ساده بیان می کنیم

در این جلسه کدهای انیمیشن رو  ادغام می کنیم و در یک خط کد می نویسیم

در این جلسه ما مثال کابردی از انیمیشن ها را در یک صفحه فرود بیان می کنیم

در این جلسه به معرفی Transforms و Scaling  می پردازیم

در این جلسه Translation رو به صورت کلی مورد بررسی قرار می دهیم

در این جلسه به تشریح چرخش همراه با مثال می پردازیم

در این جلسه به تشریح  Skew می پردازیم

در این جلسه به دستورات scale, rotate, translate را در transform با هم ادغام می کنیم و سپس به مختصر نویسی آن می پردازیم. 

در این جلسه به مثال کاربردی از Tranforms در دنیای واقعی می پردازیم. 

در این جلسه به شرح پیشوندها در سایر مرورگرها می پردازیم.

در این جلسه متغیرهای css را مورد بررسی قرار می دهیم و مثال های ساده ای از کاربرد آن را بیان می کنیم.

در این جلسه با استفاده از تابع cubic-bezier به سفارشی سازی Timing Functions می پردازیم.

در جلسه پایانی به معرفی یک وبسایت کاربردی در زمینه انیمیشن های css می پردازیم و دوره رو به اتمام می رسانیم.