Stackoverflow: animate

HTML

<div class="grow"><p>Watch me grow!</p>
<div>
<p>Watch me grow!</p>
</div>
<div>
<p>Watch me grow!</p>
</div>
<div>
<p>Watch me grow!</p>
</div><div>
<p>Watch me grow!</p>
</div>
</div>

CSS

.grow {
    height: 140px;
    width: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    left: 100px;
    background: mediumSeaGreen;
    -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.grow:hover {
    height: 200px;
}