<div></div>
div {
width: 100px;
height: 100px;
background-color: orange;
transition-duration : 3s;
transition-timing-fuction: ease-in;
}
div:active {
width: 300px;
background-color: royalblue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.