Уважаемые друзья и пользователи сайта ART-UCOZ!
Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!
Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.
Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина ART-UCOZ. С 05.11.2022 года сайт ART-UCOZ.RU продолжит работать в качестве каталога файлов, статей и информации. Будет закрыт только раздел интернет-магазина!
Все товары были перенесены в наш новый проект SHOPTHEMES - Vendor Marketplace (https://shopthemes.ru), над которым мы долго работали и продолжаем улучшать его в настоящее время.
Вас ждут: личный кабинет, возможность пополнения баланса на любую сумму, зачисление бонусов за посещение, перевод средств между пользователями, вывод средств (для продавцов), личный чат, больше новых цифровых товаров и многое другое.
Уважаемые пользователи!
Доводим до вашего сведения, что мы не занимаемся обучениями по системе uCoz и настройками Ваших сайтов.
Подобные просьбы и вопросы - будут игнорироваться!
Подобные просьбы и вопросы - будут игнорироваться!
Текст с градиентым фоном на CSS
Дата добавления: 19.12.2017 - 21:35
Категория: Хаки / Дополнения
Добавил: Buger
Количество просмотров: 1.2k
Количество комментариев: 0
Рейтинг материала: 0.0 / 0
БЕСПЛАТНО
рейтинг
0.0
/
голосов
0
Многие пользователи задаются вопросом, как сделать градиент для текста, так вот в данном материале мы рассмотрим как можно применить к тексту в качестве фона градиент с использованием CSS.
Давайте для начала укажем заголовок на HTML:
после чего зададим для элемента H1 стили:
Вот и всё, не так уж это сложно ;)
Давайте для начала укажем заголовок на HTML:
Код
<h1>Текст с градиентным фоном</h1>
после чего зададим для элемента H1 стили:
Код
h1 {
font-family: sans-serif;
font-weight: 700;
font-size: 5em;
text-transform: uppercase;
background: -webkit-gradient(linear,
left top, left bottom,
from(#cedbe9),
color-stop(17%, #aac5de),
color-stop(50%, #6199c7),
color-stop(51%, #3a84c3),
color-stop(59%, #419ad6),
to(#26558b));
background: linear-gradient(to bottom,
#cedbe9 0%,
#aac5de 17%,
#6199c7 50%,
#3a84c3 51%,
#419ad6 59%,
#26558b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
font-family: sans-serif;
font-weight: 700;
font-size: 5em;
text-transform: uppercase;
background: -webkit-gradient(linear,
left top, left bottom,
from(#cedbe9),
color-stop(17%, #aac5de),
color-stop(50%, #6199c7),
color-stop(51%, #3a84c3),
color-stop(59%, #419ad6),
to(#26558b));
background: linear-gradient(to bottom,
#cedbe9 0%,
#aac5de 17%,
#6199c7 50%,
#3a84c3 51%,
#419ad6 59%,
#26558b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Вот и всё, не так уж это сложно ;)
Добавлять комментарии могут только зарегистрированные пользователи.
Поделись с друзьями: