Веб-анимация – это отличный способ оживить сайт и привлечь внимание посетителей. Ниже приведу список из полезнейших бесплатных онлайн-сервисов по созданию анимации “с нуля” для сайта на основе CSS и Javascript.

Скачать исходники для статьи можно ниже

1. “cssanimate.com”

Вы можете создавать сложные веб-анимации для сайта с помощью CSS3 анимации и ключевых кадров, при этом вам не понадобятся знания программирования. А после просто скачайте готовые стили CSS для использования на вашем сайте.

2. “jeremyckahn.github.io/stylie/”

Создание анимации происходит аналогично первому онлайн-сервису – по ключевым кадрам.

Веб-приложение Stylie – бесплатное с опубликованным открытым исходным кодом на github (“github.com/jeremyckahn/stylie”). Вы можете скачать его копию для использования на любом другом ресурсе.

3. “bouncejs.com”

Бесплатное веб-приложение Bounce.js поможет вам создавать анимированные эффекты на базе JavaScript. Данное приложение размещено на github – “github.com/tictail/bounce.js”.

Так как анимация создается при помощи Javascript, то вам нужно прикрепить к своему сайту отдельный JS файл, для того чтобы всё заработало.

4. “waitanimate.eggbox.io”

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

5. “cubic-bezier.com”

Создание анимации на основе Кривой Безье.

6. “angrytools.com/css/animation/”

Это ещё один абсолютно бесплатный онлайн-сервис по созданию CSS анимации!