TGViewer
Web разработка Web разработка @htmlcssjavas · 1.66K subscribers
Post #977 1.1K
Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

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


- Анимация изменения масштаба текста на видео-оверлее ✅
- Выбивание текста с использованием SVG-фильтра ✅
- Управление прокруткой ✅
  • ❤ 1
  • 👍 1
More from @htmlcssjavas
  1. Sep 1, 2026Как создать радиальный градиент в CSS? Для создания фона в виде радиального (кругового, эл…
  2. Sep 1, 2026🔴 Тестовое собеседование на Frontend-разработчика со старшим разработчиком ex. Сбер 3 сен…
  3. Feb 17, 2025🌐 Baitroute — это библиотека, разработанная для создания реалистичных, но фиктивных уязви…
  4. Feb 15, 2025Glowing ring Загрузчик с зеркальным эффектом, созданным при помощи теней, созданных CSS-св…
  5. Dec 6, 2024Большая и интерактивная шпаргалка по CSS Эта шпаргалка не просто список параметров, а нагл…
  6. Dec 2, 2024Крутая шпаргалка по CSS Тут можно найти множество свойств CSS с их подробным описанием, пр…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →