ایجاد انیمیشن در سی اس اس
در این آموزش ” ایجاد انیمیشن در سی اس اس ” از شرکت Digital Tutors مربی دوره Gary Simon ، نحوه کار با انیمیشن در CSS و پیاده سازی آن به صورت عملی ، آشنا خواهد کرد .نحوه انیمیشن دادن یک کفشدوزک و ایجاد یک گالری عکس را نیز یاد می گیرید. با سافت ساز همراه باشید .
عناوین اصلی این دوره آموزشی :
- طراحی محیط تست انیمیشن
- بررسی پراپرتی های CSS برای انیمیشن
- طراحی یک ladybug
- ایجاد یک CSS sprite
- طراحی یک مدل گالری
- نوشتن گالری HTML
- نوشتن گالری CSS
- انیمیشن دادن به گالری با CSS animations
تصاویری از این دوره آموزشی:
لطفا قبل از دانلود پیشنمایش دوره را مشاهده فرمایید:
عنوان دوره : Digital Tutors – Mastering CSS Animations
سطح : پیشرفته
زمان کل دوره : 1.34 ساعت
تعداد فایل های تصویری : 14
سال آموزش : 2015
فایل تمرینی : دارد
مربی دوره : Gary Simon
نرم افزار : Adobe Photoshop CC 2014, Sublime Text 2
زیرنویس : ندارد
Digital Tutors – Mastering CSS Animations
In this course, you gain a solid understanding of how CSS animations work, as well as practical experience when implementing them. We will dedicate the first few lessons towards experimenting with the various CSS properties that make animations work. Then we will create a PNG-based sprite animation, powered by CSS. And then finally, we will create a thumbnail gallery with responsive CSS animations. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
1 Introduction and project overview 01:12
2 Designing the animation test environment 04:23
3 Experimenting with basic CSS animations 10:47
4 Exploring more CSS animation properties 08:31
5 Designing a ladybug 07:34
6 Animating the ladybug 08:56
7 Creating a CSS sprite 05:57
8 Animating the CSS sprite 07:23
9 Designing a gallery mockup 10:23
10 Exporting the gallery assets 03:29
11 Writing the gallery HTML 05:15
12 Writing the gallery CSS 08:27
13 Animating the gallery with CSS animations 09:26
14 Making the animated gallery responsive 05:21
حجم کل :
امتیاز دهی به این مطلب :
امتیاز سافت ساز
لطفا به این مطلب امتیاز دهید ?
