Как добиться такого эффекта?

Question

[massef]

При прокрутке прозрачный текст двигается вверх а фон в тексте стоит на месте.
Скиньте пожалуйста примеры если встречали.
Как вообще загуглить такую штуку?

Answer 1

[iBird Rose]

на текст натянуть bg - вот пример https://css-tricks.com/image-under-text/
а вот уже чтобы двигалось. нужно 2 бэкграунда натянуть и на текст и на фон и двигать их через js.

Answer 2

[display: block]

codepen.io/anon/pen/mAmaod

Answer 3

[devstudent]

background-attachment:fixed; параллакс-эффект называется , можно так на css, но можно если посложнее надо и на джаваскрипте сделать

Answer 4

[coderlex]

1. background-clip: text + fallback через modernizr, если текст динамичен
2. svg с текстурой на foreground + картинка на background - текст статичен / динамичен с JS
3. png с прозрачными "дырками" текста на foreground + фон - текст статичен

P.S. Лично для себя я бы делал по варианту 2.