AniJS – библиотека для декларативного описания CSS-анимации
На днях занимался созданием лэндинга с приличным набором анимации, возникающей во время взаимодействия со страницей. Прям чувствовал, что должна быть какая-нибудь крутая библиотека для решения задачи. И тут я нашёл AniJS, которая меня совершенно покорила!
По-моему это прекрасное решение, описывать анимацию в духе:
Всё максимально интуитивно: при клике на указанном div, делаем анимацию flipInY на элементе .container-box.Упомяну также о возможности создания очереди событий, например:
Нажми меня!
Здесь будет Wobble!
А потом я упаду
То есть при клике на .element1, будет применён эффект «потрясывания» (wobble) для .element2, по завершению которого к .element3 будет применён эффект выпадения за нижнюю границу браузера.В общем много интересного! Заинтересовавшихся прошу ознакомиться.