Smooth.js — jQuery-плагин для CSS3-transitions с даунгрейдом до $.animate

[polyakov_andrey]

А демо?

[alevkon]

Сорри, демка только на гитхабе :(
Я обычно такими вещами не занимаюсь, поэтому не нашлось хостинга, куда можно по-быстрому выложить.

[polyakov_andrey]

а jsfiddle.net?

[aratak]

pages.github.com/

[gaelpa]

jsfiddle.net/epFvH/1/
Что я делаю не так, что у меня в Chrome 21 и FF 15 не происходит анимации?

[alevkon]

Сорри, jsfiddle как-то влияет
Если отлаживать там код, видно, что свойство transition почему-то элементу не присваивается.
При этом, если скачать пример и запустить локально, все работает.
Разбираюсь…

[Yeah]

jsfiddle.net/Yeah/xngSD/

Ваш код из примера (слегка переделанный под jsfiddle)
В CSS режиме анимации как таковой нет — просто применяется transition. То есть fade, к примеру, нифига не плавный по сравнению с animate. ЧЯДНТ?
Да, и reset не отменяет Scew, кстати…

[BlastBeat]

Ещё есть jquery.animate-enhanced plugin. Позволяет прокачать основные анимации без особых затрат на уже готовом проекте.

[roman01la]

Пользуюсь jQuery Transit, и вроде бы он малость превосходит данный плагин. Если нет, то прошу перечислить преимущества.

На счет ссылки на w3schools, этот ресурс не самое лучшее место для приобретения знаний. За объяснениями сюда.

[philpirj]

Про который, кстати, на хабре уже было.

[Azy]

Леш, есть такая штука как github pages.
Сделал форк и вуаля: syabro.github.com/smooth/

[alevkon]

Спасибо, Макс!
Чертовски в тему)

[termi]

Для детектинга окончания CSS анимации советую воспользоваться встроенным в браузеры обработчиком.

В Opera не работает, по крайней мере syabro.github.com/smooth/ из комментария

[bolk]

В IE, кстати, есть HTML+TIME: www.w3.org/TR/NOTE-HTMLplusTIME

Можно его использовать.