В последней версии WebKit добавлена поддержка CSS-анимации

>Ага, а что такое css-анимация?

http://webkit.org/blog-files/leaves/index.html

К примеру.

Работает в январской сборке Safari4, WebKit'ах последних ночных. В бете Opera 10 -- шиш, статичная картинка.

> http://webkit.org/blog-files/leaves/index.html

Так и не узнал, что же это такое "CSS-анимация"... Пришлось отрубить adblock, включить анимацию, отключить принудительные кастомные цвета фона и текста - кроме статичной картинки с какими-то багами отображения в тексте ничего не получил.

Нет поддержки ни в ie6, ни в файрфоксе - бесполезная фича. Разве что поднимать ЧСВ.

А исходник css'а смотрел:

#leafContainer > div > img {
position: absolute;
width: 100px;
height: 100px;

/* We use the following properties to adjust the clockwiseSpin or counterclockwiseSpinAndFlip
animations on each leaf.
The createALeaf function in the Leaves.js file determines whether a leaf has the
clockwiseSpin or counterclockwiseSpinAndFlip animation.
*/
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: 50% -100%;
}

еще бы оно работало в опере, это webkit'ая фича

>-webkit-transform-origin: 50% -100%;
> еще бы оно работало в опере, это webkit'ая фича

А дело отнюдь ни в этом. Лично наблюдал ~полгода назад как макофилы впадали в оргазм от каждого набранного балла в ACID3. Дрочка на очки была просто невообразимая. Теперь, когда уже 100/100 нужно что-то новое: вот и высасывают из пальца фичи, дабы не разочаровывать юзверей сафари2.

>http://webkit.org/blog-files/leaves/index.html

В опере не завелось.. А на айподе (2.2.1) симпатично так листики падают...

>А исходник css'а смотрел: <> еще бы оно работало в опере, это webkit'ая фича

Ни разу не удивился бы работоспособности этой "webkit'ой фичи" в _бете_ оперы. Кто-то из Opera с полгода назад весьма одобрительно отзывался об этом начинании. Да и народ там не шибко религиозный =)

Ну а стань оно стандартом к релизу 10-ки, пофиксить -webkit'ы на стандарт -- дело недолгое.

> > http://webkit.org/blog-files/leaves/index.html
> Так и не узнал, что же это такое "CSS-анимация"... Пришлось отрубить adblock, включить анимацию, отключить принудительные кастомные цвета фона и текста - кроме статичной картинки с какими-то багами отображения в тексте ничего не получил.

Аналогично - на экране какая то хрень с кривым текстом. Причем до включения скриптов текст отображался корректно.