Home Page Icon
Home Page
Table of Contents for
Transitions and Animations in CSS
Close
Transitions and Animations in CSS
by Estelle Weyl
Transitions and Animations in CSS
Preface
Conventions Used in This Book
Using Code Examples
Safari® Books Online
How to Contact Us
Acknowledgments
1. CSS Transitions and Animations
12 Basic Principles of Animation
Animation and Transition Considerations
2. Transitions
CSS Transitions
Fallbacks: Transitions Are Enhancements
Transition Properties
The transition-property Property
The transition-duration Property
The transition-timing-function Property
The transition-delay Property
The transition Shorthand Property
In Reverse: Transitioning Back to Baseline
Animatable Properties and Values
How Property Values Are Interpolated
Animatable Properties
transition Events Revisited
3. Animation
Keyframes
Setting Up Your Keyframe Animation
Keyframe Selectors
Omitting from and to Values
Repeating Keyframe Properties
Animatable Properties
Nonanimatable Properties That Aren’t Ignored
Dynamically Changing @keyframes Animations
Animated Elements
The animation-name Property
The animation-duration Property
The animation-iteration-count Property
The animation-direction Property
The animation-delay Property
Animation Events
The animation-timing-function Property
The animation-play-state property
The animation-fill-mode Property
The animation Shorthand Property
Animation, Specificity, and Precedence Order
Specificity and !important
Animation Order
Animation Iteration and display: none;
Animation and the UI Thread
Seizure Disorders
Animation Events and Prefixing
animationstart
animationend
animationiteration
Other Considerations
Printing Animations
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
Cover
Next
Next Chapter
Transitions and Animations in CSS
Transitions and Animations in CSS
Adding Motion with CSS
Estelle Weyl
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset