Архив метки: css-анимации

Создаем анимированную иконку скролла

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

Обычно такая иконка нужна для достаточно длинной страницы, при загрузке которой пользователь видит только одну красивую секцию высотой на всю высоту клиентского экрана (либо слайдер на всю высоту). Внизу такой секции вы, наверняка, видели нечто подобное. Иконка выглядит в виде мышки с анимированным элементом, который имитирует скролл. Читать далее

Простенький шаблон лендинг страницы с анимацией

Практиковался как-то в освоении некоторых технологий (animate.css, wow.js, bootstrap, google maps api). Шаблон нашел где-то на сайте бесплатных psd-шаблонов. Он мне понравился, и я решил его забацать. Это я потом уже узнал, сколько их сверстано на просторах Инета. Ну, добавлю еще и свою версию. В чем-то упрощенную, в чем-то дополненную.

Предлагаю вам посмотреть, что у меня получилось.

CSS анимация при скролле (скроллинге, прокручивании) страницы

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