# Timing Functions (aka Easing Functions) in CSS3 | KIRUPA

**URL:** <https://forum.kirupa.com/t/timing-functions-aka-easing-functions-in-css3-kirupa/636200>\
**Category:** programming\
**Created:** [March 20, 2017, 1:36am UTC](https://forum.kirupa.com/t/timing-functions-aka-easing-functions-in-css3-kirupa/636200 "2017-03-20T01:36:46Z")\
**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:36am UTC](https://forum.kirupa.com/t/timing-functions-aka-easing-functions-in-css3-kirupa/636200/1 "2017-03-20T01:36:46Z")

</div>

by [kirupa](http://www.kirupa.com/www.kirupa.com/me/index.htm) | 28 December 2016

So far, we've created our animations and transitions by specifying only a handful of things: the properties to animate, the initial & final property values, the duration. The exact syntax for how we did that was different depending on whether we were dealing with a CSS animation or a transition, but the general ingredients were the same. The end result was an animation.

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