<h1>The transition Property</h1>
<p>Hover over the div element below, to see the transition effect:</p>
<div></div>
div {
  width: 50px;
  height: 50px;
  background: red;
  -webkit-transition: width 2s, height 4s; /* For Safari 3.1 to 6.0 */
  transition: width 2s, height 4s;
}
h1{font-size:15px;}
p{font-size:13px;}
div:hover {
  width: 150px;
  height: 150px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.