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>











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

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

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