5 Отличных ресурсов по CSS анимации

Создание выразительной и красивой CSS анимации потребует от вас значительного количества времени и сил, но к счастью существует несколько отличных ресурсов, которые дадут толчок вашему творческому процессу, а также помогут изучить более узкие неизведанные области.

Если вы только начали свою работу и вам нужны удобные шпаргалки, то обратите внимание на эти ценные ресурсы.

01. Easing functions cheatsheet

Временные функции определяют скорость изменения с течением времени, и этот сайт поможет вам сделать правильный выбор для вашей анимации или перехода. Он имеет галерею кривых Безье, где вы можете просмотреть их, и быстро скопировать код.

02. Animate.css

Дэн Эден (Dan Eden) составил библиотеку прекрасных анимаций, которые вы можете использовать в своих проектах. Если вы не хотите загружать полную библиотеку на свой сайт, то сам проект также является отличным предметом вдохновения.

03. Animate Plus

Stripe хорошо известен за свои красиво анимированные страницы. Один из руководителей, Бенжамин Де Кок (Benjamin De Cock), создал легкие, производительные CSS и CVG библиотеки анимаций, которые особенно хорошо подходят для мобильных устройств.

04. Motion and Meaning

Если вы любите подкасты, то Вал Хэд (Val Head) и Сеннид Боулз (Cennydd Bowles) – владельцы сайта для цифровых дизайнеров – подробно обсуждают моушн-дизайн.

05. Hover.css

Подобно Animate.css, Hover.css представляет собой набор эффектов, которые вы можете использовать в своих проектах. Он больше фокусируется на hover-эффектах для ссылок, кнопок, изображений и т.д.

Перевод статьи 5 great CSS animation resources