Анимация иконки гамбургера
Анимации иконки гамбургера в нескольких разных вариациях на CSS
Форма авторизации и регистрации
Концепт формы авторизации и регистрации с интересной анимацией переключения
GameBoy от Nintendo
GameBoy от Nintendo на CSS с той самой мелодией включения
Дейнерис. Игра престолов
Мать драконов из игры престолов на SVG с параллакс эффектом
Эффект искажения на three.js
Эффект перетекания одного изображения в другое на шейдерах, с gsap анимацией на канвасе
Полет желе (noise)
Абстрактный noise — полет желе
STARFOX Arwing Drone из игры на чистом CSS
Космический истребитель STARFOX Arwing Drone из игры, который воспроизвели с анимацией полета в космосе на чистом CSS
Водопад в лесу на three.js
Водопад в лесу на канвасе с помощью three.js в стиле minecraft
Перпендикулярные линии на canvas
Анимированные перпендикулярные линии на канвасе с привязкой к движению курсора.
Колебающиеся градиентные 3d трубки
Объёмные трубки с переливающимся градиентом с определенной амплитудой колыхаются в пространстве. По клику меняется градиент, а на движение курсора реагирует амплитуда трубок
Параллакс эффект при ресайзе браузера
Параллакс эффект, созданный на CSS. Тридцать дивов с одним и тем же фоном из цветов, абсолютно с позиционирован и, благодаря координате Z, каждый из дивов смещен на уровень ниже, относительно другого. При этом трансформация по оси Z находится в зависимости от ширины viewport, так как используется единица vw.
Трава на канвасе
Реалистичная трава, колышущаяся от ветра. Камеру можно двигать и смотреть с разных ракурсов. Сделано на three.js