New height

Hi everybody!

I'm trying to increase the size of a div from 200px to 400px but in an upward direction and not downward. Any idea how to do this using CSS? I've attached the CSS that I've written so far.

div1 {
border: 5px solid red;
position: absolute;
width: 100px;
height:200px;
left: 0;
top: 100px;
transition: height .5s;
}
div1:hover {
height:400px;

}

Syndicate content