1 153 Parallax / Codepen

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

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

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

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

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

Трава на канвасе
1 215 Codepen

Пиво на CSS

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

Пиво на CSS
1 595 Codepen

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

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

Фосфоресценция
1 117 Codepen

День рождения на чистом CSS

Два кролика отмечают день рождения и рассказывают друг другу шутки. Анимационная картина сделанная на чистом CSS. Поражает своей детальной проработкой во всех аспектах.

День рождения на чистом CSS