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