Прелоадер на 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. Точки разлетаются, реагируют на курсор мыши.
Изображение точками, линиями, буквами, смайликами на canvas
Оригинальная фотография рисуется точками, линиями, буквами, смайликами на canvas. Можно задать количество элементов из которых будет перерисовано новое изображение.