I've been scratching my head trying to figure out how you folks were defining CSS animations on here, until I realized many of the posts featuring css animations aren't defining animations at all, but rather utilizing animation names that seem to be already defined elsewhere in the document. Here's some I've noticed so far:
Predefined CSS Animation names:
bounce
slideupright
slideupleft
spin
The above examples utilize the animation names inside the "animation" css property, like this:
<div style="animation: 4s linear infinite bounce">
where the corresponding properties are:
<div style="animation: [time] [easing] [repetitions] [animation name]">
Do you know of any other defined animations that are not listed here? Comment the names if you want and I can add them to this to use as a sort of css animation quick reference sheet!
