CSS3 анимация для сайта

Разместил / Просмотров: 13 017 / комментариев 7

Анимация на CSS может быть не много ограничена, по сравнению с js скриптами. Но и в тоже время CSS на много меньше весит и несут нагрузку на аппаратную часть. И ещё один огромный недостаток в том, что такой анимацией не просто управлять, скрипты с этим справляются лучше.

Но вот, что уже выбрать аппаратное ускорение или лёгкость в настройке уже решить только Вам :) Но я думаю, что с этой подборки Вы возьмёте для себя что то новое и необходимое.

Огромное спасибо http://speckyboy.com

Так же рекомендую посмотреть вот эти посты:

Animate.css

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

Демо ι Скачать

Генератор анимаций — Stylie

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

Демо ι Скачать

Множество анимаций с animo.js

Мощный инструмент, который позволить Вам управлять и настраивать анимацию для любых объектов на сайте

Демо ι Скачать

Анимация для нескольких объектов — Anima

Anima в сжатом состоянии весит всего лишь 5 кб. Но этот инструмент может ожить несколько объектов одновременно.

Демо ι Скачать

Генератор CSS анимации — ceaser

С помощью данного генератора Вы сможете настроить анимацию объекта по кривой линии

Демо и получить код

Веб редактор — Tridiv

Это мощный веб редактор, который может создавать 3d фигуры только на CSS.

Демо ι Использовать

Магическая CSS3 анимация

Совершенно кросс-браузерный и простой набор анимаций.

Демо ι Скачать

Morf.js — ускоритель для CSS анимации

Данный скрипт включает аппаратное ускорение для анимации, таким образом анимация будет на много плавнее.

Демо ι Скачать

Ещё один генератор анимаций

Перейти

Шпаргалка по CSS3 анимации

Несколько уже готовых и красивых анимаций на CSS.

Демо ι Скачать

  • 4idroidCOM

    А куда реклама AdSense делась?

  • Убрал :)

  • 4idroidCOM

    Мало приносила или есть другие причины?

  • Мало очень приносила.

  • RedRain

    Спасибо, вкусные файлики

  • Vitali

    приветствую Александр
    Подскажите как вы сделали так что когда наводишь мышкой на картинку она увеличивается внутри рамки ?

  • Здравствуйте, Vitali. Как раз по этой теме скоро выйдет пост. Подписывайтесь :)