Hover over a div element to gradually change the width from 100px to 300px:
The transition property is supported in Internet Explorer 10, Firefox, Opera, and Chrome.
Safari supports an alternative, the -webkit-transition property.
Note: The transition property is not supported in Internet Explorer 9 and earlier versions.
The transition property is a shorthand property for the four transition properties:
transition-property, transition-duration, transition-timing-function, and transition-delay.
Note: Always specify the transition-duration property, otherwise the duration is 0, and the transition will have no effect.
|Default value:||all 0 ease 0|
|transition-property||Specifies the name of the CSS property the transition effect is for|
|transition-duration||Specifies how many seconds or milliseconds the transition effect takes to complete|
|transition-timing-function||Specifies the speed curve of the transition effect|
|transition-delay||Defines when the transition effect will start|
Your message has been sent to W3Schools.