2 647 Codepen

Колебающиеся градиентные 3d трубки

Объёмные трубки с переливающимся градиентом с определенной амплитудой колыхаются в пространстве. По клику меняется градиент, а на движение курсора реагирует амплитуда трубок

Колебающиеся градиентные 3d трубки
4 752 Parallax / Codepen

Параллакс эффект при ресайзе браузера

Параллакс эффект, созданный на CSS. Тридцать дивов с одним и тем же фоном из цветов, абсолютно с позиционирован и, благодаря координате Z, каждый из дивов смещен на уровень ниже, относительно другого. При этом трансформация по оси Z находится в зависимости от ширины viewport, так как используется единица vw.

Параллакс эффект при ресайзе браузера
4 150 Codepen

Трава на канвасе

Реалистичная трава, колышущаяся от ветра. Камеру можно двигать и смотреть с разных ракурсов. Сделано на three.js

Трава на канвасе
2 693 Codepen

Пиво на CSS

Кружка пива, которая наполняется пивом. Сделано на CSS и с использованием SVG.

Пиво на CSS
3 060 Codepen

Фосфоресценция

Светящиеся частицы на THREE.js и шейдерах. Продолжение экспериментов с частицами.

Фосфоресценция