Правильная анимация блока неизвестной высоты на transition?

[Zverushka]

http://jsfiddle.net/TdjcK/

Если два блока один в другом, оба динамической высоты в зависимости от контента.

Можно ли сделать анимацию высоты блока на transition?

 

[npofopr]

http://htmlforum.ru/index.php?showtopic=33854

http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/

http://www.sitepoint.com/css3-transition-properties/

[Zverushka]

Ну даже если дисплей нон заменить на нулевую высоту - разницы не будет. Дело в том, что height auto не анимируется (а блок динамической высоты. Можно пробовать делать анимацию через max-height - но у меня не получается

[ryter]

http://jsfiddle.net/ryter/TdjcK/4/ мажет так попробывать?

[sigma77]

Ну даже если дисплей нон заменить на нулевую высоту - разницы не будет. Дело в том, что height auto не анимируется (а блок динамической высоты. Можно пробовать делать анимацию через max-height - но у меня не получается

Там фишка, я так поняла, в том, чтобы подобрать правильные параметры V(анимации) = max-height/t(время анимации) - http://jsfiddle.net/TdjcK/5/

Т.к. если выставить слишком короткое время при большом max-height анимация просто не будет заметна.

[Zverushka]

Проблема в том, что блок может быть и достаточно боольшой величины, поэтому надо дать запас хотя бы в 5 тысяч пикселей. И тогда анимация уже выглядит достаточно криво http://jsfiddle.net/TdjcK/6/

[sigma77]

http://jsfiddle.net/TdjcK/7/ - хотя при таком времени анимации целесообразней скрипты, имхо

[antonKar]

Можно ли сделать анимацию высоты блока на transition?

Нет. 

[sigma77]

Можно ли сделать анимацию высоты блока на transition?

Нет.

Можно. Выше есть примеры.

[antonKar]

 

 

Можно ли сделать анимацию высоты блока на transition?

Нет.

 

Можно. Выше есть примеры.

 

 

Которые становятся кривыми при определённых условиях?

[sigma77]

Которые становятся кривыми при определённых условиях?

 

Это не говорит о том, что это невозможно.

Для любого решения можно найти условия, когда оно станет кривым.

Да и в данном случае анимация вполне отрабатывает.

[Zverushka]

Представим, что это спойлер на форуме - может быть любого размера фактически... его корректно через css не проанимировать?

[sigma77]

Для спойлера я бы сделала js. Метод с min-height скорее подходит для небольших элементов. Высота которых заведомо известно не будет очень большой (меню, например).