Твит

Думаете эффекта сложнее чем в прошлом уроке уже не сделать? Напомню, в прошлом уроке мы делали карусель новостей, которая вращалась и останавливалась при наведении. Эффект получился интересный. Ссылки на предыдущие 2 урока вы также найдете в этом уроке. Пару слов об эффекте, который рассмотрен в этом уроке: куб, вращается и останавливается на каждой из своих сторон на некоторое время. И да, это все делается без использования javascript, а лишь с ключевыми кадрами.

Твит

Идем дальше и в этом уроке посмотрим еще один элемент, который можно применять на собственном сайте. Мы не остановимся только на вращении одного изображения. Сегодня мы создадим карусель из новостей. Карусель будет вращаться вокруг оси Y и каждый элемент карусели, который будет содержать ссылку - ведет на соответствующую статью. В отличие от прошлого урока - в этом, пример можно скачать и настроить под себя, подставив свои изображения и ссылки.

Твит

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

Твит

Анимация на сайте, хорошо это или плохо? Я думаю, что правильно подобранная и настроенная анимация придает сайту еще большую привлекательность. Этим уроком я начинаю цикл статей посвященных анимации с помощью технологии CSS. Эта очень мощная технология, с помощью которой, без использования javascript, можно сделать очень красивые анимации элементов на сайте. В первом уроке я рассмотрю лишь самые основы, которые покажут вам что всё это очень просто и легко. Здесь нет ничего страшного. Переходите по ссылке ниже и сами убедитесь в этом!