# The CSS Animations Cheatsheet | kirupa.com

**URL:** <https://forum.kirupa.com/t/the-css-animations-cheatsheet-kirupa-com/636246>\
**Category:** programming\
**Created:** [March 20, 2017, 1:09pm UTC](https://forum.kirupa.com/t/the-css-animations-cheatsheet-kirupa-com/636246 "2017-03-20T13:09:06Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 20, 2017, 1:09pm UTC](https://forum.kirupa.com/t/the-css-animations-cheatsheet-kirupa-com/636246/1 "2017-03-20T13:09:06Z")

</div>

by [kirupa](http://www.kirupa.com/www.kirupa.com/me/index.htm) | 2 November 2015

CSS animations provide that missing link between stationary content and full-blown videos. They allow you to specify what a particular CSS property does at a particular time, and this simple mission allows you to create some really nifty things. Instead of reading a [series of long articles](http://www.kirupa.com/www.kirupa.com/css_animations/index.htm) or [a 500-page book](http://www.kirupa.com/www.kirupa.com/book/animation_in_html_css_and_javascript.htm), if you are looking for something quick with very little background information, this cheatsheet is just what you need.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/css\_animations\_cheatsheet.htm](http://www.kirupa.com/html5/css_animations_cheatsheet.htm)