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

Веб-анимация – это отличный способ оживить сайт и привлечь внимание посетителей. Ниже приведу список из полезнейших бесплатных онлайн-сервисов по созданию анимации “с нуля” для сайта на основе 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

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

  1. реклама в интернете

    Частенько я посещаю многие ресурсы, чтобы читать статьи) Но этот конкретный интернет-портал отличается от остальных высочайшим качеством преподнесения информации.

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