Записи по тегу "анимации"

Всем привет! Данной статьёй я открываю цикл публикаций на тему создания анимаций на чистом javascript-е.

Зачем вообще делать анимации на чистом js

можете ужаснуться вы. Ведь есть же масса библиотек, например, наша любимая jQuery. Так-то оно так, но чистые анимации полезно уметь писать вот в каких ситуациях.

1. Делается небольшой сайт с минимумом эффектов. Сторонние библиотеки не подключаются. И вдруг возникает необходимость сделать плавное растворение элемента при клике. Стоит ли из-за одного такого пустяка подключать jQuery!? Многие подключат и по факту сделают правильно – в современном мире 86Кб никого не интересуют. Однако, при работе в команде бывают такие упёртые тимлиды, которые не позволят из-за мелкой анимации внедрять в проект стороннюю библиотеку. Вот и придётся вам разбираться в анимации самим.
2. Используется готовая библиотека, и в ней не находится нужного эффекта. Например, вам нужно, чтобы элемент, перед тем как исчезнуть, три раза повернулся по часовой стрелке, подпрыгнул и только потом растворился. В таком случае библиотеку придётся расширять, и вам опять же понадобится понимание основ организации анимационных эффектов.