Кристаллический параллакс
Реализованный на канвасе параллакс эффект из градиентных полос. При клике случайным образом градиент меняется.
Взрывной текст
Эффект взрывающегося текста, каждую букву оборачиваем в тег и анимируем на чистом CSS
Абстракция в пространстве
Абстракция на three.js и шейдерах
Ветер
Ветер на канвасе. Немного математики и стильный эффект для корпоративного сайта готов.
Lava lamp эффект
Генерируются рандомно круги разных цветов и размеров и с разной задержкой анимации. С помощью svg фильтров feGaussianBlur, feColorMatrix и feComposite достигается итоговый результат. Без svg фильтров это просто хаотично движущиеся шарики.
Фосфоресценция
Светящиеся частицы в 3D пространстве созданным THREE.js и шейдерами
Sonic VR на three.js
Бегущий Sonic в 3D пространстве three.js с возможностью перехода в VR режим. Sonic может прыгать и собирать монетки.
Переходы с помощью анимации на GSAP
Плавные reveal эффекты реализованные на GSAP
Магнитные ссылки
При приближении курсора ссылка начинает движение навстречу, примагничиваться. Данный эффект ускоряет навигацию по сайту.
Пламя на шейдерах
Бесконечное пламя на шейдерах и three.js
Дым на three.js
Дым на three.js
Туннельная анимация
Туннельная анимация на three.js