massef
@massef

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

c61767f179.jpg

При прокрутке прозрачный текст двигается вверх а фон в тексте стоит на месте.
Скиньте пожалуйста примеры если встречали.
Как вообще загуглить такую штуку?
  • Вопрос задан
  • 242 просмотра
Решения вопроса 2
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
на текст натянуть bg - вот пример https://css-tricks.com/image-under-text/
а вот уже чтобы двигалось. нужно 2 бэкграунда натянуть и на текст и на фон и двигать их через js.
Ответ написан
Комментировать
qork
@qork
{ background: #F00B42 }
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@devstudent
frontend-developer
background-attachment:fixed; параллакс-эффект называется , можно так на css, но можно если посложнее надо и на джаваскрипте сделать
Ответ написан
Комментировать
@coderlex
1. background-clip: text + fallback через modernizr, если текст динамичен
2. svg с текстурой на foreground + картинка на background - текст статичен / динамичен с JS
3. png с прозрачными "дырками" текста на foreground + фон - текст статичен

P.S. Лично для себя я бы делал по варианту 2.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы