Web разработка

0:47

This media is not supported in your browser

VIEW IN TELEGRAM

Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}

- Анимация изменения масштаба текста на видео-оверлее ✅
- Выбивание текста с использованием SVG-фильтра ✅
- Управление прокруткой ✅

www.tg-me.com/jp/Web разработка/com.htmlcssjavas/977

802 viewsOct 2, 2024 at 21:11

Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}

- Анимация изменения масштаба текста на видео-оверлее ✅
- Выбивание текста с использованием SVG-фильтра ✅
- Управление прокруткой ✅

BY Web разработка