From the course: CSS: Enhancing Interfaces with Animation
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Sequencing and easing - CSS Tutorial
From the course: CSS: Enhancing Interfaces with Animation
Sequencing and easing
- [Instructor] Sequencing and easing work together to create good transition choreography. Sequencing refers to the order you designate to the various parts of an animation. UI elements are categorized in outgoing incoming, or persistent states of an animation. Along with sequencing, easing helps create the right choreography for your elements. Easing is used to help your elements move more naturally. Use easing to move elements with either acceleration or deceleration to keep them from looking mechanical. These are the built-in easings and CSS. Linear, ease-in and ease-out ease-and-out ann cubic Bezier. Linear motion is the ease that gives elements constant speed. This easing tends to look artificial to the human eye. Ease-in starts an elements motion out slowly, then accelerates gradually. You should use this ease when an object is outgoing. Ease-out starts an element's motion out quickly and then slowly reduces…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.