-webkit-transition-property получает неожиданные значения в Safari 3.1.2 (Windows)

Question

Я разрабатываю сайт, оптимизированный для iPhone, и тестирую его на Safari 3.1.2 в Windows. Для некоторых элементов на веб-сайте я применяю неявную анимацию, используя стиль -webkit-transition.

Так в основном, у меня есть такие элементы, как это:

<div style="-webkit-transition: left 2s linear;">...</div> 

, которые иногда присутствуют в документе с самого начала, а иногда загружаются из другого документа и инъекционные в DOM.

В первом случае анимация происходит так, как ожидалось, однако, когда divs вводятся с использованием JavaScript, -webkit-transition, кажется, игнорируется (анимации нет). Кроме того, в инспекторе Safari, я мог видеть это:

-webkit-transition: condensed 2s linear; 

Что это condensed значит и как я мог заставить использование стиля после инъекции?

Любые подсказки будут оценены.

Answer 1

Возможно, вы захотите попробовать его с помощью Safari 4 beta для Windows. Как Apple, говорит:

«Safari 4 является самым быстрым и эффективным браузером для Mac и Windows, с большой интеграцией HTML 5 и CSS 3 веб-стандартов, что позволяет следующее поколение интерактивных веб-приложений.»

Так что вам может повезти с Safari 4, просто попробуйте.

Answer 2

Я не очень много сделал с подобными вещами, но я видел различия между рабочим столом и Mobile Safari (например, How do I make an element scale down to nothing using a CSS transition on the iPhone?).

Как таковой, я считаю, что вам нужен iPhone или iPod Touch для тестирования.