Кроссбраузерный линейный градиент на CSS3

Опубликовано: 01.09.2018

На современных сайтах в качестве фоновых изображений часто используется линейный градиент - плавный переход из одного цвета в другой. Чтобы реализовать линейный градиент при верстке сайта можно использовать PNG картинку, но это не самый лучший способ.

Если вам необходимо реализовать кроссбраузерный линейный градиент на CSS3 , то мы предлагаем следующий простой код:


Урок 2. CSS генераторы кода. CSS Gradient Generator

background: #46afdf; background: -ms-linear-gradient(top, #47b0e0 0%,#198ec3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b0e0', endColorstr='#198ec3'); background: -webkit-gradient(linear, left top, left bottom, from(#47b0e0), to(#198ec3)); background: -moz-linear-gradient(top, #47b0e0, #198ec3); background: gradient(linear, top, #47b0e0, #198ec3); background: -o-linear-gradient(top, #47b0e0, #198ec3);

Таким образом вы сможете создать линейный градиент, который будет отображаться во всех современных браузерах и при любых условиях, если включено отображение CSS стилей. Просто скопируйте код, вставьте в ваш файл стилей style.css  и замените коды цветов на те, которые необходимы.

Это полезная статья? - Ставь лайк!

Участвуй в развитии блога и сообщества

Финансовый аналитик: новая профессия для новой экономики


Профессия будущего: Системный аналитик - профессия будущего, системный аналитик - Trend Club
Будущее - уже определено сегодня, остается только его реализовать. Что делать сегодняшнему студенту или ученику для того, чтобы получить интересную, захватывающую работу, которая будет приносить

Политический анализ и политическое прогнозирование
Под прогнозом в науке понимается вероятностное, научно обоснованное суждение о будущем. Именно вероятностный характер прогноза и его научная обоснованность отличает данный вид знания от других форм предвидения.

Политический анализ и политическое прогнозирование
Под прогнозом в науке понимается вероятностное, научно обоснованное суждение о будущем. Именно вероятностный характер прогноза и его научная обоснованность отличает данный вид знания от других форм предвидения.

Маркетинговые исследования - это... Этапы, результаты, пример маркетингового исследования
Маркетинговые исследования - это поиск, сбор, систематизация и анализ информации о ситуации на рынке с целью принятия управленческих решений в сфере производства и сбыта продукции. Стоит четко понимать,

Форекс брокер Альпари отзывы и обзор услуг и сервисов компании
Проголосовали: 902 За 88 %, Против 12 % За Против

Разница между науками о финансах и экономике. Экономическая статья на английском с переводом
Сайт Деловой английский www.delo-angl.ru Опубликовано: 14.04.2016 Хотя зачастую они изучаются и представляются как совершенно раздельные дисциплины, экономика и финансы, как науки, взаимосвязаны, разделяют

12 лучших сервисов для веб-аналитики
В статье вы узнаете о самых популярных инструментах для веб-аналитики, их функциональности и стоимости. И начнём мы с двух самых известных сервисов – Google Analytics и Яндекс.метрика. Вероятно, что каждый

Big Data – технология, рождающая новый тип бизнеса::БИТ 03.2014
Big Data – технология, рождающая новый тип бизнеса Главная / Архив номеров / 2014 / Выпуск №3 (36) / Big Data – технология, рождающая новый тип бизнеса Рубрика: Тема номера /  Системы хранения

Big Data и блокчейн — прорыв в области анализа данных
Постоянное ускорение роста объема данных является неотъемлемым элементом современных реалий. Социальные сети, мобильные устройства, данные с измерительных устройств, бизнес-информация

Добро пожаловать , Гость !

Мы настоятельно рекомендуем Вам зарегистрироваться, если вы ещё этого не сделали. регистрация откроет Вам новые функции.

Войти или Зарегистрироваться

www.silvio-berluskoni.ru © Все права защищены © 2016.
rss