Онлайн сервисы для создания анимации для сайта

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

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

1. «cssanimate.com»

02-css-animate-webapp

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

2. «jeremyckahn.github.io/stylie/»

03-stylie-animation-bezier-curve

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

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

3. «bouncejs.com»

04-bounce-js-webapp-tool

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

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

4. «waitanimate.eggbox.io»

05-wait-animate-example-css-generator

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

5. «cubic-bezier.com»

06-bezier-cubic-css-generator

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

6. «angrytools.com/css/animation/»

07-animation-generator-webapp

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

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий