You are here : cssCSS 3transition

transition - CSS 3

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 0s, and the transition will have no effect.


Syntax

transition: property duration timing-function delay|initial|inherit;


Example

div
	{
	   
	width: 100px;   
    -webkit-transition: width 2s; /* Safari 3.1 to 6.0 */
	   
	transition: width 2s;
	}
	div:hover {    width: 300px;}


Output / Return Value


Limitations


Alternatives / See Also


Reference