CSS: линейный градиент

Данная не самая информативная заметка содержит наипростейший, но вполне пригодный к использованию, пример разметки на HTML для создания кроссбраузерного линейного градиента с оттенками желтого и белого цветов.

CSS градиент линейный

Программный код, CSS:

.linear-gradient {
  background: #fefcea; /* Для очень старых браузров. */
  background: linear-gradient(top, #fefcea, #f1da36); /* Valid CSS3 */
  background: -moz-linear-gradient(top, #fefcea, #f1da36); /* Для старых версий Firefox */
  background: -webkit-linear-gradient(top, #fefcea, #f1da36); /* Для старых версий Chrome, Safari */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
  background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* IE10+ */
  border: 1px solid #333333;
  padding: 9px;
}

Программный код, HTML:

<p class="linear-gradient">Nullam facilisis ante Phasellus
  elit laoreet nibh cursus quis ut quis. Congue elit In
  tincidunt ipsum dolor tincidunt Vivamus pellentesque Nunc
  elit. Orci est facilisis pharetra magna montes
  fermentum metus augue malesuada ornare.
</p>
Опубликовано 17-06-2013 в 16:09


Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Свежие комментарии

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

Последние твиты