Форма входа

    Бесплатный раздел

    Уважаемые друзья и пользователи сайта ART-UCOZ!

    Уведомляем вас о том, что мы приняли трудное, но обдуманное решение о закрытии проекта в качестве Интернет-магазина 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
    Текст с градиентым фоном на CSS
    БЕСПЛАТНО
    рейтинг 0.0
    /
    голосов 0
    Многие пользователи задаются вопросом, как сделать градиент для текста, так вот в данном материале мы рассмотрим как можно применить к тексту в качестве фона градиент с использованием CSS.

    Давайте для начала укажем заголовок на 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;
    }

    Вот и всё, не так уж это сложно ;)
    Добавлять комментарии могут только зарегистрированные пользователи.


    Поделись с друзьями: