298 Codepen

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

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

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

Ветер

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

Ветер
516 Codepen

Lava lamp эффект

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

Lava lamp эффект
414 Codepen

Sonic VR на three.js

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

Sonic VR на three.js
561 Codepen

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

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

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