Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Значения : -moz-repeating-linear-gradient

Материал из Справочник Web-языков

Версия от 13:32, 26 апреля 2011; Evgen (Обсуждение | вклад)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Разработка и внедрение CRM-систем

Разработка и внедрение CRM-систем "под ключ" на базе SugarCRM. Любые задачи для любого вида бизнеса. Установка бесплатной CRM-системы бесплатно. Интеграция с существующей инфраструктурой, бухгалтерской программой, телефонией. Доработка существующих проектов. Обучение персонала.

подробнее ...

+7 (495) 646-06-27
8 (800) 555-06-28 (звонок бесплатный)
+7 (910) 9082123
evgenjekson (бесплатная переадресация на сотовый)
195938768
[email protected]

Содержание

Значение -moz-repeating-linear-gradient

Обозначает повторяющийся линейный градиент. Применяется к background-image, background.

Синтаксис

-moz-repeating-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )

Используемые значения

<point>
Это позиция или точка отсчета для градиента, обозначающая тоже самое, что и в свойствах background-position или -moz-transform-origin.
<angle>
Задает угол, под которым идет градиент.
<stop>
Отвечает за отображение color-stops (мест смены цветов) в CSS градиентах по таким же правилам, как и в SVG градиентах. Может задаваться в процентах или мерах длины, например, пикселях, высчитываемых по оси градиента.

Замечания

Градиент - это комбинация двух и более заданных цветов, плавно переходящих друг в друга. В CSS градиенты используют вместо каких-либо изображений, как индикатор загрузки, для улучшения восприятия web-страницы при масштабировании и т.д. Mozilla Firefox поддерживает два вида градиентов: линейный и радиальный.

Mozilla Firefox корректно поддерживает градиенты только как значения для свойства background-image, а заодно и background. Вы можете задать значение для градиента вместо URL изображения.

-moz-repeating-linear-gradient работает почти также как -moz-linear-gradient, но в отличие от него бесконечное число раз повторяет color stops (стоп-цвета) в обоих направлениях с их точками отсчета, смещенными по оси градиента.

Примеры

В примере показано как описать повторяющийся градиент.

background: -moz-repeating-linear-gradient(top left -45deg, red, red 5px, white 5px, white 10px);

Результат выполнения примера:

Линейный повторяющийся градиент в Mozilla Firefox








Стандарты

W3C Proposal for Linear Gradients, WebKit's original proposal

Поддерживаемые браузеры

Firefox (Gecko) начиная с версии 3.6 (1.9.2) - для -moz-repeating-linear-gradient().

Safari (WebKit) начиная с версии 4.0 (528).

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

-moz-linear-gradient, -moz-radial-gradient

Ссылки на источники

https://developer.mozilla.org/en/CSS/-moz-repeating-linear-gradient

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
наши проекты
смотрим также
    Rambler\'s Top100 Индекс цитирования
    смотрим также