Usage Case

  • The need to create lightweight bespoke animation solutions.
  • Have an html element hidden on the page using display:none;
  • On an event to display:block; or display:flex; etc. the element followed by a CSS3 Animation.
  • Animation to run in reverse or run different animation and then display:none; at the end of the animation.

Examples