Параллакс из фоновых изображений
Несложный пример создания собственного параллакс эффекта из нескольких дивов с фоновым изображением, которые наложены слоями друг на друга.
SVG filter — текст в виде мозгов
SVG фильтр добавляющий тексту начертание похожее на мозги (feColorMatrix, feTurbulence, feGaussianBlur, feSpecularLighting)
Эффект тесселяции при наведении на ячейку в grid css
Эффект тесселяции при наведении на ячейки в сетке. Сетка grid построена на базе 200 блоков. Сделан эффект на чистом CSS
Боковое выезжающее меню
При клике на иконку стрелки выезжает боковая панель с навигацией. Анимация сделана с помощью 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