Я хотел бы сделать анимацию CSS, где отделение (центрируемый на экране с помощью вершины и нижних свойств) расширяется путем установки вершины и нижней части к 20 пкс.
Действительно ли это возможно? Когда я пытаюсь заставить его произойти с:
-webkit-transition-property: top, bottom; -webkit-transition-duration: 0.5s;
анимация не выполняется. Я делаю что-то не так, или разве это, как предполагается, не работает с этими свойствами?
P.S. Я делаю это для настольного приложения Титана, поэтому только вопросы WebKit...
Вот пример кода, который работает в Safari 5:
#test {background: # 3F3; позиция: абсолютная; верх: 50 пикселей; внизу: 50 пикселей; ширина: 200 пикселей; -webkit-transition-property: сверху, снизу; -webkit-transition-duration: 0.5 с; } #test: hover {top: 100px; внизу: 100 пикселей; }