Переходы, трансляции и анимации CSS3 замечательны. Они еще больше теперь больше браузеров поддерживают их.
Еще одна вещь, о которой я постоянно спрашиваю себя: почему спецификация не указывает, что переходы и анимации CSS3 должны обрабатывать высоту: auto?
Это не имеет никакого смысла, когда мы отодвигаемся от фиксированных макетов с такими вещами, как гибкая модель коробки с CSS3 и медиа-запросы.
Не имеет смысла использовать JavaScript только для установки перехода CSS с фиксированной высотой.
Теперь мой вопрос:
Будет ли W3C когда-либо указывать эту высоту: авто должно поддерживаться для переходов и анимаций CSS3 или мы можем попросить их указать это?
Я не уверен, почему они ничего не говорили о значениях auto, но вы можете попробовать расспросить их через свой общедоступный список рассылки CSS . Поскольку спецификации перехода и анимации все еще работают над черновиками, они могут просто внести некоторые изменения, чтобы решить эту проблему. Удачи!
Вместо этого вы можете перейти max-height: http://jsfiddle.net/leaverou/zwvNY/
Я думаю, что нашел решение:
http://jsfiddle.net/adambiggs/MAbD3/
Мое обходное решение - переход max-height в точную высоту контента для приятной гладкой анимации, затем используйте обратный вызов transitionEnd для установки max-height до 9999px, чтобы содержимое могло свободно изменять размер.