# Easing Functions (aka Timing Functions) in CSS3 | kirupa.com

**URL:** <https://forum.kirupa.com/t/easing-functions-aka-timing-functions-in-css3-kirupa-com/352502>\
**Category:** programming\
**Created:** [November 23, 2014, 8:07am UTC](https://forum.kirupa.com/t/easing-functions-aka-timing-functions-in-css3-kirupa-com/352502 "2014-11-23T08:07:28Z")\
**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, 8:07am UTC](https://forum.kirupa.com/t/easing-functions-aka-timing-functions-in-css3-kirupa-com/352502/1 "2014-11-23T08:07:29Z")

</div>

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

When you are creating an animation (or transition), what happens to your animated properties while your animation is running is almost as important as what happens at the end. For example, your property values could change linearly with time:

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/easing\_functions\_css3.htm](http://www.kirupa.com/html5/easing_functions_css3.htm)