derSmoll Apr 10 2012 at 03:10

Полезные ссылки для изучения CSS анимации

3 min

24K

Translation

+66

Comments 10

Добавил в избранное, возможно пригодится.

-3

Так и вижу тысячу с лишним человек, занёсших этот пост в избранное, и сообщивших об этом в комментариях. И ещё шестьдесят с гаком, написавших "+1".

Кажется, это довольно сложно заблокировать в браузере — разве что целиком CSS отключить.

Хватит просто добавления стилей, в конец страницы, например через плагин Stylebot (Chrome), ну или всегда можно написать свой :)

<style>
* {
    animation: none !important;
    transition: none !important;
}
</style>

+ префиксы по вкусу

Нагрузочки добавит, но подозреваю что не больше чем любой другой плагин работающий со странницой, явно не больше чем AdBlock.

Достаточно использовать IE8/9 для серфинга по инету — и никакой головной боли с тяжелыми анимациями. :)

IE6 и ничего не надо блокировать

Могу порекомендовать ещё easings.net — список и инструкция по использованию easing-функций.

Спасибо за ссылку :)

Вот еще очень хороший гайд «Using CSS3 Transitions, Transforms and Animation» — css3.bradshawenterprises.com/transitions/

Немного в оффтоп, но по поводу w3schools — w3fools.com/