#animation #css #height #interpolation #transitions
#Анимация #css #высота #интерполяция #переходы
Вопрос:
переходы css3 будут интерполировать состояние высоты div.
В настоящее время chrome13 не будет интерполировать, если вы установите высоту в единицах измерения, отличных от предыдущей высоты
т.е.:
- установите высоту на 100%
- установите высоту на 50% (в другом кадре рендеринга)
- высота будет анимироваться правильно (при условии правильного использования перехода)
- установите высоту в 100 пикселей
- высота не будет анимироваться
Ошибка Chrome? ошибка спецификации?
Иллюстративный jsfiddle для мотивированных: http://jsfiddle.net/zDywJ/21 /
Ответ №1:
Я не думаю, что это ошибка в Chrome или в спецификации.
Насколько я вижу, CSS не имеет способа преобразовать процент в пиксельную единицу … поэтому у него не было бы способа сравнить начало и конец, чтобы выполнить переход.
Комментарии:
1. Это круговое рассуждение — «css не может этого сделать, потому что css не может этого сделать». Существует компонент времени выполнения css, который, безусловно, может определить, сколько пикселей оценивается 100%. Эта информация уже известна среде выполнения в момент изменения стиля в моем примере выше. Текущий дизайн сильно ограничен в выразительности из-за этого недостатка.