Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Overflow Hidden Question Re: Overflow Hidden Question

#141631
pixelgrid
Participant

on the container element set a max-height equal to the height of the first row.
then on hover animate tthe max height to a large number enough to show all your data like 2000px

.container{
max-height:200px;
transition:max-height 0.5s linear;
overflow:hidden;
}

.container:hover{
max-height:2000px;
}

the transition property will need to be vendor prefixed (-moz-,-webkit-)