Hover over a div element, and change the width with a smooth transition effect:
The transition-property property is supported in Internet Explorer 10, Firefox, Opera, and Chrome.
Safari supports an alternative, the -webkit-transition-property property.
Note: The transition-property property is not supported in Internet Explorer 9 and earlier versions.
The transition-property property specifies the name of the CSS property the transition effect is for (the transition effect will start when the specified CSS property changes).
Tip: A transition effect could typically occur when a user hover over an element.
Note: Always specify the transition-duration property, otherwise the duration is 0, and the transition will have no effect.
|none||No property will get a transition effect|
|all||All properties will get a transition effect|
|property||Defines a comma separated list of CSS property names the transition effect is for|
Transition effect - change two properties
Hover over a div element, and change the width AND height with a smooth transition effect.
Your message has been sent to W3Schools.