Шторм

Буря на шейдерах с помощью three.js

Адаптивное здание на CSS

При изменении окна браузера горизонтальное здание перестроится в небоскреб.

Волнообразное движение плиток

Анимация волнообразного движения нескольких плиток. Сделано на CSS.

Анимирование букв в слове

Анимирование букв в слове при прокрутке страницы, используя animate.css и wow.js. Чтобы анимировать каждую букву, скриптом буква помещается в персональный контейнер 

Эффект рисования карандашом svg изображения Микки Мауса

Эффект постепенного рисования карандашом. В данном случае воспроизводим рисование заставки к мультфильмам Уолта Диснея. SVG уже нарисован, остается только анимировать в правильном порядке svg path

Низкополигональные животные

Анимация превращения полигональных животных из одного в другого с помощью js и svg

Волны

Скрипт для генерации волн

Рентген кашалота

SVG маска, которая позволяет создать интересный эффект "просвечивания" кашалота, как на рентгене

Анимация подчеркивания текста при наведении

CSS анимация эффекта подчеркивания текста. Эффекты достигаются с помощью css градиентов и background-position

Svg morphing

Преобразование одной SVG фигуры в другую с плавной анимацией. На заднем фоне видео. Анимируются красные многоугольники.

Анимация смены дня и ночи

Анимация смены дня и ночи в режиме реального времени, так и с ползунком, который ускорит этот процесс. Луна и ночь сменяются солнцем и днем.

Маршрут движения морского судна на карте мира