440 читали · 6 лет назад
CSS-градиент
CSS-градиент представляет собой переходы от одного цвета к другому. Градиенты создаются с помощью функций linear-gradient() и radial-gradient(). Градиентный фон можно устанавливать в свойствах background, background-image, border-image и list-style-image. Как сделать градиент в CSS Поддержка браузерами IE: 10.0 Firefox: 16, 3.6 -moz- Chrome: 26.0, 10.0 -webkit- Safari: 6.1, 5.1 -webkit- Opera: 12.1, 11.1 -o- iOS Safari: 7.1 Opera Mini: — Android Browser: 4.4, 4.1 -webkit- Chrome for Android: 44 1...
Делаем цвет текста градиентом с помощью CSS
Сегодня встала задача на сайте клиента сделать цвет заголовка градиентом. Учитывайте, что Градиент для текста не поддерживается всеми браузерами - работает только в браузерах на основе WebKit-движка.Но это не мешает нам использовать этот прием. Для остальных браузеров просто зададим обычный цвет.Работать будет везде, просто на Webkit-браузерах с градиентом, а на остальных - без. Что пишем: background: linear-gradient(90deg, #ff8378, #ffb68a); background-clip: border-box; -webkit-background-clip:...