In-N-Out Animations: Popovers (Part 2/3)
Using our 3, 2, 1 state system, we can make popovers animate on “the way in” and “the way out” just like we did with dialogs in Part 1.
Tag Archive for
@starting-style
How to Control Infinite CSS Animations (Part 2 of 2)
This time we get into very smooth starts and stops for infinite animations using CSS. One of the tricks is layering on a transition on top of an animation.
Move Modal in on a… shape()
Got an old “modal” design? Now might be the time to upgrade it to a
The Dialog Element with Entry *and* Exit Animations
Now that we’re starting to see better support for @starting-style and the allow-discrete keyword, we’ve got a pretty straightforward way for defining *different* entry and exit states.