# All About CSS Transitions | kirupa.com

**URL:** https://forum.kirupa.com/t/all-about-css-transitions-kirupa-com/399249
**Category:** programming
**Created:** [December 2, 2014, 1:09am UTC](https://forum.kirupa.com/t/all-about-css-transitions-kirupa-com/399249 "2014-12-02T01:09:49Z")
**Posts on this page:** 2
**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: [December 2, 2014, 1:09am UTC](https://forum.kirupa.com/t/all-about-css-transitions-kirupa-com/399249/1 "2014-12-02T01:09:51Z")

</div>

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

In CSS, when you change the value of a property, the change is sudden. For example, let's say that you have the following CSS where on hover, the transform property's **translate3d** function has a different value:

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/all\_about\_css\_transitions.htm](http://www.kirupa.com/html5/all_about_css_transitions.htm)

---

<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: [April 8, 2015, 8:51am UTC](https://forum.kirupa.com/t/all-about-css-transitions-kirupa-com/399249/2 "2015-04-08T08:51:22Z")

</div>

The video for this can be found here:

The presentation can be downloaded below:

[transitions.pptx](http://forum.kirupa.com/uploads/kirupa/7245/fd7c32cccbe89544.pptx) (585.8 KB)
