Ветер
Ветер на канвасе. Немного математики и стильный эффект для корпоративного сайта готов.
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
Слайдер из apple устройств
Слайдер из apple устройств, которые реализованы на CSS. За счет смены css класса происходит анимация появления следующего устройства.
Разноцветные разводы образующиеся от курсора
Разноцветные разводы образующиеся от курсора
Глитч эффект на CSS при наведении
При наведении на изображение воспроизводится глитч эффект. Сделано на CSS за счет использования одного и того же изображения несколько раз.