# CSS3: Animations vs. Transitions | kirupa.com

**URL:** <https://forum.kirupa.com/t/css3-animations-vs-transitions-kirupa-com/352199>\
**Category:** programming\
**Created:** [November 23, 2014, 1:49am UTC](https://forum.kirupa.com/t/css3-animations-vs-transitions-kirupa-com/352199 "2014-11-23T01:49:37Z")\
**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:** [November 23, 2014, 1:49am UTC](https://forum.kirupa.com/t/css3-animations-vs-transitions-kirupa-com/352199/1 "2014-11-23T01:49:38Z")

</div>

by [kirupa](http://www.kirupa.com/me/index.htm) | 13 January 2013

In CSS, you have two techniques for visualizing change that are competing for your attention: **Animations** & **Transitions**. In this article, let's examine the similarities and differences between them so that you can know when to use which.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/css3\_animations\_vs\_transitions.htm](http://www.kirupa.com/html5/css3_animations_vs_transitions.htm)