transition-property

transition-property

CSS transition-property Property

The CSS transition-property property specifies one or more CSS properties that will be transitioned.

NOTE: We must use browser specific prefixes until this property's standard syntax is working in all browser software. Use all four of the following prefixes, then add the standard property last. This assures it will work in most browsing environments.
-webkit-transition-property (Chrome and Safari)
-moz-transition-property (Firefox)
-ms-transition-property (Internet Explorer)
-o-transition-property (Opera)
transition-property (Standard)

Specify the properties to be transitioned in the CSS rule:

<!DOCTYPE html>
<html>
<style type="text/css">
div#myBox {
    background-color: turquoise;
    width: 200px;
    padding: 20px;
    transition-property: background-color, width;
    transition-duration: 0.5s, 0.5s;
}
div#myBox:hover {
    background-color: magenta;
    width: 300px;
}
</style>
<body>
<div id="myBox">hover on me</div>
</body>
</html>

click here to code.

transition-property

0 Response to "transition-property"

Post a Comment