706 Codepen

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

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

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

Взрывной текст

Эффект взрывающегося текста, каждую букву оборачиваем в тег и анимируем на чистом CSS

Взрывной текст
651 Codepen

Ветер

Ветер на канвасе. Немного математики и стильный эффект для корпоративного сайта готов.

Ветер
767 Codepen

Lava lamp эффект

Генерируются рандомно круги разных цветов и размеров и с разной задержкой анимации. С помощью svg фильтров feGaussianBlur, feColorMatrix и feComposite достигается итоговый результат. Без svg фильтров это просто хаотично движущиеся шарики.

Lava lamp эффект
592 Codepen

Sonic VR на three.js

Бегущий Sonic в 3D пространстве three.js с возможностью перехода в VR режим. Sonic может прыгать и собирать монетки.

Sonic VR на three.js