2015
Pluralsight
Sandy Ludosky
2:10
English
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.
CSS Transition Fundamentals
Welcome
Course Requirements
CSS Transition Properties
CSS Transition: How It Works?
Browser Support and Vendor Prefixes
Demo: Blue to Green
Demo: Square to Circle
Demo: the Transition-delay Property
Using the Shorthand
CSS Transition and 2D Transform
Introduction
Introduction to 2D Transform
The Transform-property
The skew() method
The scale() method
The rotate() method
The translate() method
Using Transition-timing-function
Tutorial: The Rotating Gears
Tutorial: The Bike Rider
Transforming and Animating in 3D
Introduction
Perspective
CSS 3D Transform
3D Transition Demonstrations
Flipping the Pictures
Creating the 3D Cube
Animating the 3D Cube
Final Project - Whistler White Ski Resort
Introduction
Designing with 2D Transform
Animating the Navigation Links
Applying Multiple Transition Effects
Gallery Pictures: Scaling Up with 2D Transition
Gallery Pictures: Rotation in 3D
Contact Us with an Original Button Link
Conclusion
Download File Size:386.15 MB