Run your animations easily with the CSS animation shorthand:
animation: crazy 4s ease-in-out 0.5s 12 backwards;
- crazy: Animation name
- 4s: Duration
- ease-in-out: Timing function
- 0.5s: Delay
- 12: Iteration count
- backwards: Fill mode
— Sorry to interrupt this program! 📺
Given the current situation with COVID-19, times are hard for most of us, but if you're stuck at home you can perhaps use that extra time to work on your web dev skills. Wes put all of his courses at 50% off to help out with the current challenge we're facing.
Plus, these are affiliate links, so if you purchase a course you help Alligator.io continue to exist at the same time! 🙏
animation-timing-function can take one of the following values: linear, ease, ease-in, ease-out, ease-in-out or cubic-bezier(…).
animation-fill-mode can take one of the following values: none, forwards, backwarts or both.