Любые перспективы по высоте для переходов и анимаций CSS3?

Переходы, трансляции и анимации CSS3 замечательны. Они еще больше теперь больше браузеров поддерживают их.

Еще одна вещь, о которой я постоянно спрашиваю себя: почему спецификация не указывает, что переходы и анимации CSS3 должны обрабатывать высоту: auto?

Это не имеет никакого смысла, когда мы отодвигаемся от фиксированных макетов с такими вещами, как гибкая модель коробки с CSS3 и медиа-запросы.

Не имеет смысла использовать JavaScript только для установки перехода CSS с фиксированной высотой.

Теперь мой вопрос:

Будет ли W3C когда-либо указывать эту высоту: авто должно поддерживаться для переходов и анимаций CSS3 или мы можем попросить их указать это?

Ответ 1

Я не уверен, почему они ничего не говорили о значениях auto, но вы можете попробовать расспросить их через свой общедоступный список рассылки CSS . Поскольку спецификации перехода и анимации все еще работают над черновиками, они могут просто внести некоторые изменения, чтобы решить эту проблему. Удачи!

Ответ 2

Вместо этого вы можете перейти max-height: http://jsfiddle.net/leaverou/zwvNY/

Ответ 3

Я думаю, что нашел решение:

http://jsfiddle.net/adambiggs/MAbD3/

Мое обходное решение - переход max-height в точную высоту контента для приятной гладкой анимации, затем используйте обратный вызов transitionEnd для установки max-height до 9999px, чтобы содержимое могло свободно изменять размер.