Кристаллический параллакс
Реализованный на канвасе параллакс эффект из градиентных полос. При клике случайным образом градиент меняется.
![Кристаллический параллакс](/templates/pcvector/images/blur.png)
Реализованный на канвасе параллакс эффект из градиентных полос. При клике случайным образом градиент меняется.
Эффект взрывающегося текста, каждую букву оборачиваем в тег и анимируем на чистом CSS
Абстракция на three.js и шейдерах
Ветер на канвасе. Немного математики и стильный эффект для корпоративного сайта готов.
Генерируются рандомно круги разных цветов и размеров и с разной задержкой анимации. С помощью svg фильтров feGaussianBlur, feColorMatrix и feComposite достигается итоговый результат. Без svg фильтров это просто хаотично движущиеся шарики.
Светящиеся частицы в 3D пространстве созданным THREE.js и шейдерами
Бегущий Sonic в 3D пространстве three.js с возможностью перехода в VR режим. Sonic может прыгать и собирать монетки.
Плавные reveal эффекты реализованные на GSAP
При приближении курсора ссылка начинает движение навстречу, примагничиваться. Данный эффект ускоряет навигацию по сайту.
Бесконечное пламя на шейдерах и three.js
Дым на three.js
Туннельная анимация на three.js