Я занимаюсь разработкой сайта, оптимизированного для iPhone, и тестирую его в Safari 3.1.2 для Windows. Для некоторых элементов сайта я применяю неявную анимацию в стиле -webkit-transition
.
В общем, у меня есть такие элементы:
<div style="-webkit-transition: left 2s linear;">...</div>
, которые иногда присутствуют в документе с самого начала, а иногда загружаются из другого документа и внедряются в DOM.
В первом случае анимация происходит, как и ожидалось, однако, когда div вводится с использованием JavaScript, -webkit-transition
кажется игнорируемым (анимация отсутствует) Более того, в инспекторе Safari я мог видеть это:
-webkit-transition: condensed 2s linear;
Что означает condensed
и как я могу принудительно использовать стиль после внедрения?
Любые подсказки приветствуются.