Боковое выезжающее меню
При клике на иконку стрелки выезжает боковая панель с навигацией. Анимация сделана с помощью GSAP.
Прелоадер на CSS
Анимированный лоадер на CSS
Border-radius — площадка для тестов
Площадка для демонстрации возможностей CSS свойства border-radius.
SVG filter — текст с брызгами
SVG фильтр добавляющий тексту эффект брызг (feColorMatrix, feTurbulence, feGaussianBlur, feDisplacementMap, feComposite)
SVG filter — текст с текстурой зебры
SVG фильтр придающий тексту эффект текстуры в стиле зебра.
SVG filter — поломанный текст
SVG фильтры FeTurbulence, feColorMatrix, feDisplacementMap, которые применили к тексту для придания эффекта повреждения, деформации букв
Космический загрузчик
Прелоадер в виде разгоняющейся по орбите космической ракете, которая в конце анимации улетает в открытый космос
Низко полигональный генератор фона
Генератор фона из треугольников с возможностью настройки глубины, вариативности, цветов, градиента. Полученный результат можно скачать, как изображение любого выбранного размера
Жидкая кнопка
Генератор жидких кнопок на canvas
Страница с ошибкой 404
Интересный вариант исполнения страницы с ошибкой 404. Сделано все на CSS. Добавлена анимация с летающими бумажками и дремлющей луной.
Витрина магазина в изометрии на CSS GRID
На css grid реализована витрина магазина с изометрическим эффектом.
Буквы из точек на canvas
Точки группируются таким образом, что из них получаются буквы. Сделано на canvas. Точки разлетаются, реагируют на курсор мыши.