834 Codepen

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

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

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

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

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

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

Ветер

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

Ветер
878 Codepen

Lava lamp эффект

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

Lava lamp эффект
665 Codepen

Sonic VR на three.js

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

Sonic VR на three.js
867 Codepen

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

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

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