<div class="box"></div>
.box {
  background-color: #f00;
  width: 100px;
  height: 100px;
  transition-duration: 2s;
  transition-property: width;
}

.box:hover {
  width: 300px;
  height: 300px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.