CSS Animation with Transition and Transform

Pluralsight
Course Summary
This course will show developers and designers how to add interactivity to a web page with the CSS transition and transform properties. The course includes extensive demonstrations from simple to complex, which aide us as we learn to create great visual effects.
-
+
Course Description
In CSS Animation with Transition and Transform, you will learn to bring life to your web page and create a great user experience with only the use of CSS.
-
+
Course Syllabus
CSS Transition Fundamentals- 24m 46s
—Welcome 1m 38s
—Course Requirements 1m 44s
—CSS Transition Properties 3m 7s
—CSS Transition: How It Works? 2m 30s
—Browser Support and Vendor Prefixes 2m 33s
—Demo: Blue to Green 5m 9s
—Demo: Square to Circle 3m 27s
—Demo: the Transition-delay Property 2m 10s
—Using the Shorthand 2m 25sCSS Transition and 2D Transform- 38m 19s
—Introduction 2m 32s
—Introduction to 2D Transform 6m 4s
—The Transform-property 2m 28s
—The skew() method 4m 28s
—The scale() method 3m 41s
—The rotate() method 2m 21s
—The translate() method 4m 8s
—Using Transition-timing-function 3m 45s
—Tutorial: The Rotating Gears 4m 35s
—Tutorial: The Bike Rider 4m 13sTransforming and Animating in 3D- 41m 46sFinal Project - Whistler White Ski Resort- 25m 9s
This course is listed under
Development & Implementations
and Digital Media & Games
Community
Related Posts: