Кроссбраузерные 2D-трансформации с анимациями

[@Yak52]

Хабракат придумали трусы

[@helm2004]

Интересная статейка. Буду применять в своем локальном проекте.

[@termi]

[zanuda_mod]
Плагин интересный, только после тестирования в разных браузерах exemple02.html, возникает вопрос: а всё-таки, как самолётик ДОЛЖЕН приземляться после кругосветного путешествия: как в Opera, как в Safary с FF или как в Chrome?
А в IE8 вообще вторая фаза анимации не правильно срабатывает.
И если он даже такую простейшую анимацию отрисовывает по-разному, то что будет с крупным проектом?
[/zanuda_mod]

[@f0rmat1k]

А еще в них контур черный. Эти ишаки 6-8 — 25% аудитории и благо эта цифра с каждым днем уменьшается. Не мало, но и не критично, чтоб совсем отказываться от технологии. Возмонжно, я чего то натворил, но у меня поначалу в них была анимация, как в других браузерах. Нужно ковырять код, пробовать разные приемы. Я думаю, подобрать оптимальный вариант таки можно.
В крайнем случае, для них можно просто отключить плагин, тогда неизвестные свойства анимации jquery просто будет игнорить. Будет движение без поворотов.

[@Mordraug]

контур в IE при анимациях у png24 с полупрозрачными областями лечится костылём с добавлением прозрачного гифа, на фон которому кладётся эта пнгшка примерно так:
.samoletik {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/samoletik.png",sizingMethod="crop");
}

, где .samoletik — это класс прозрачного гифа.

[@fls_welvet]

В последней dev-сборке Хрома (14.0.803.0) анимация самолёта воспроизводится одинаково плавно как в exemple01 так и exemple02.

[@f0rmat1k]

Только что проверил в 14.0.813 — пропало 2ое звено анимации, после взлета самолета, когда он должен был улететь вправо.

[@fls_welvet]

Всё, теперь понял какая именно часть анимации пропадает. Извиняюсь за ложную информацию.