There are no obvious CSS properties or values for making a @keyframe
animation wait between iterations, or have a pause before starting. But Nils Riedmann cooked up a clever way to do it using linear()
animation timing. I think this is cleaner than faking it with multiple benign keyframe steps. Remember linear
is not the same as linear()
. The later is a function that can take any number of points and thus create any sort of easing.
Showing Browser Support for Web Platform Features on Your Own Blog
Baseline now has a baseline-status web component widget that can be used anywhere to show of general browser support. This post gets into what else there is to think about there.