Какие-нибудь перспективы на высоту авто для CSS3 переходов и анимации? - PullRequest
19 голосов
/ 03 июня 2011

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

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

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

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

Теперь приходит мой вопрос:

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

Ответы [ 3 ]

27 голосов
/ 03 июня 2011

Вместо этого вы можете изменить max-height: http://jsfiddle.net/leaverou/zwvNY/

9 голосов
/ 03 июня 2011

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

4 голосов
/ 19 марта 2012

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

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

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

...