Re: animate/transition height to/from auto

This archive was generated by hypermail 2.4.0 : Monday, 23 January 2023 02:14:22 UTC

On 9/11/2012 11:46 AM, Behrang Saeedzadeh wrote:
> Hi all,
>
> Any plans to add this to the CSS spec? Right now, even with JS, it is not
> possible to do this elegantly.
>
> Cheers,
> Behrang Saeedzadeh
> http://www.behrang.org

Why not just use min-height?

<!DOCTYPE html>

<style type="text/css" media="screen">

div { background: skyblue; padding: 1em;  }

div:hover {
    -webkit-transition: all 2s linear;
     -moz-transition: all 2s linear;
     -o-transition: all 2s linear;
     -ms-transition: all 2s linear;
     transition: all 2s linear;
     min-height: 200px;
}

</style>

<div>Content</div>

-- 
Alan Gresley
http://css-3d.org/
http://css-class.com/