542 Codepen

Ветер

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

Ветер
676 Codepen

Lava lamp эффект

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

Lava lamp эффект
515 Codepen

Sonic VR на three.js

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

Sonic VR на three.js
680 Codepen

Магнитные ссылки

При приближении курсора ссылка начинает движение навстречу, примагничиваться. Данный эффект ускоряет навигацию по сайту.

Магнитные ссылки
774 Codepen

Слайдер из apple устройств

Слайдер из apple устройств, которые реализованы на CSS. За счет смены css класса происходит анимация появления следующего устройства.

Слайдер из apple устройств