Врата времени на CSS и SVG
Врата времени нарисованные на SVG и анимированные с помощью CSS
Слайдер с размытыми градиентными не активными слайдами
Для эффекта размытия в местах сопряжения слайдов используется SVG c фильтром размытия
Анимация svg сферы с помощью anime.js
Анимация svg сферы с помощью библиотеки anime.js
SVG morphing с anime.js
При клике по кнопке плавно из левого верхнего угла раскрывается новый блок. Анимация раскрытия сделана с использованием anime.js, которая анимирует svg
SVG filter — текст в виде мозгов
SVG фильтр добавляющий тексту начертание похожее на мозги (feColorMatrix, feTurbulence, feGaussianBlur, feSpecularLighting)
SVG filter — текст с брызгами
SVG фильтр добавляющий тексту эффект брызг (feColorMatrix, feTurbulence, feGaussianBlur, feDisplacementMap, feComposite)
SVG filter — текст с текстурой зебры
SVG фильтр придающий тексту эффект текстуры в стиле зебра.
SVG filter — поломанный текст
SVG фильтры FeTurbulence, feColorMatrix, feDisplacementMap, которые применили к тексту для придания эффекта повреждения, деформации букв
Эффект рисования карандашом svg изображения Микки Мауса
Эффект постепенного рисования карандашом. В данном случае воспроизводим рисование заставки к мультфильмам Уолта Диснея. SVG уже нарисован, остается только анимировать в правильном порядке svg path
Низкополигональные животные
Анимация превращения полигональных животных из одного в другого с помощью js и svg
Рентген кашалота
SVG маска, которая позволяет создать интересный эффект "просвечивания" кашалота, как на рентгене
Svg morphing
Преобразование одной SVG фигуры в другую с плавной анимацией. На заднем фоне видео. Анимируются красные многоугольники.