Как сделать заливку текста изображением с анимацией?
6
-
киньте описание хорошее чтобы понять что Вам надо.– Leks9 апр 2020 в 18:05
-
ну я хз как объяснить, но на ютабе было видео с этим эффектом– Triple tree9 апр 2020 в 18:07
-
@Leks наверное, можно сказать текстура текста - это фото. Но есть фишка, чтобы эта текстура двигалась– Triple tree9 апр 2020 в 18:10
-
@Sevastopol' ну примеров не видел, но как объяснить понятия не имею, извиняюсь– Triple tree9 апр 2020 в 18:11
-
@Sevastopol' Да! Именно. Только надо чтобы она бесконечно повторялась, двигалась и двигалась.– Triple tree9 апр 2020 в 18:14
|
Показать ещё 1 комментарий
1 ответ
Как пример:
h1 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: 900;
text-align: center;
font-size: 20vw;
line-height: 90vh;
font-family: arial, sans-serif;
background: url('https://img3.goodfon.ru/original/2200x1467/9/63/abstract-colors-background-3618.jpg');
background-size: cover;
background-position: top left;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: background 1s linear infinite;
}
@keyframes background {
0% {
background-position: top left;
}
100% {
background-position: bottom right;
}
}
<h1>Stack</h1>
-
-
и вопрос, что именно отвечает за то, что у текста фон? background-clip: transparent; ? 9 апр 2020 в 18:30
-
-
1
-