✅ Как добавить задний фон к тексту?
Добавляя задний фон к тексту, ты не только удивишь пользователей, но и получишь очень интересно стилизованный текст. Данный эффект можно повторить с помощью трех свойств: ⬇️
☑️ color: transparent, background-clip: text, и самый важный из них это background: url, вот к нему как раз добавляется главный фон. Вы можете добавить любую картинку к тексту, просто копируя URL.
Делимся готовым кодом ниже, для создания данного эффекта с картинкой галактики: ⤵️
Добавляя задний фон к тексту, ты не только удивишь пользователей, но и получишь очень интересно стилизованный текст. Данный эффект можно повторить с помощью трех свойств: ⬇️
☑️ color: transparent, background-clip: text, и самый важный из них это background: url, вот к нему как раз добавляется главный фон. Вы можете добавить любую картинку к тексту, просто копируя URL.
Делимся готовым кодом ниже, для создания данного эффекта с картинкой галактики: ⤵️
h1 {
font-family: sans-serif;
font-size: 70px;
text-transform: uppercase;
color: transparent;
background: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR8P6d-nPnqKxgJ5IXUsR08HSGkg8x2haBBOg&usqp=CAU");
background-clip: text;
-webkit-background-clip: text;
background-size: 50%;
}
#обучение #css