Expand div from the middle instead of just top and left using CSS

Question

I\'m not sure if this is possible, but I thought it would be cool using CSS transforms to create an effect where a div expands from its center to a predetermined height and

Answer 1

I do this by adjusting the top and left alignment on hover also. Ex: i'll add 50 px to the width and move it left 25px to give the over all effect of it expaning from the middle.