CSS transition Property - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
   width: 100px; 
   height: 60px; 
   background-color: khaki; 
   color: black;
   border: 2px solid orange; 
}
div:hover {
   width: 300px;
   height: 250px; 
   background: CornflowerBlue;
}
.test {
   transition: width 2s ease 100ms, height 1s linear 2s, background 0s 4s ; 
}
</style>
</head>
<body>
<div class="test">CSS transition property</div>
</body>
</html>