241 читали · 5 лет назад
CSS: Градиенты
Градиенты — это плавные перетекания одних цветов в другие, используемые, в основном, для фона. В CSS градиенты бывают двух типов: линейные и радиальные. Линейные градиенты задаются функцией linear-gradient(), которая принимает в качестве параметров направление градиента (в радианах - deg) и список точек (минимум 2), содержащие цвет и позицию точки (в процентах). .gradient { background: linear-gradient( 90deg, /* задаём направление градиента */ blueviolet 0%, /* задаём цвет и позицию...
Делаем цвет текста градиентом с помощью CSS
Сегодня встала задача на сайте клиента сделать цвет заголовка градиентом. Учитывайте, что Градиент для текста не поддерживается всеми браузерами - работает только в браузерах на основе WebKit-движка.Но это не мешает нам использовать этот прием. Для остальных браузеров просто зададим обычный цвет.Работать будет везде, просто на Webkit-браузерах с градиентом, а на остальных - без. Что пишем: background: linear-gradient(90deg, #ff8378, #ffb68a); background-clip: border-box; -webkit-background-clip:...