Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Значения : -moz-repeating-radial-gradient
смотрим также
-
Псж барселона видео повтор матча смотреть футбол футбол псж видео.
Материал из Справочник Web-языков
Содержание |
Значение -moz-repeating-radial-gradient
Обозначает повторяющийся радиальный (круговой) градиент. Применяется к background-image, background.
Синтаксис
-moz-repeating-radial-gradient( [<position> || <angle>,]? [<shape> || <size>,]? <stop>, <stop>[, <stop>]* )
Используемые значения
- <position>
- Это позиция или точка отсчета для градиента, обозначающая тоже самое, что и в свойствах background-position или -moz-transform-origin. Если пропущено, то автоматически присваивается значение center.
- <angle>
- Задает угол, под которым распространяется градиент. По умолчанию принимает значение 0deg.
- <shape>
- Задает форму градиента. Она может быть в форме круга (circle) или эллипса (ellipse). По умолчанию принимает значение ellipse.
- <size>
- Задает размер градиента:
- closest-side - Ближайшая сторона. Градиент распространяется от центра по направлению к ближайшей стороне элемента (для circle), или к обоим, горизонтальной и вертикальной сторонам (для ellipse).
- closest-corner - Ближайший угол. Размер градиента таков, что он распространяется от центра к ближайшему углу элемента.
- farthest-side - Самая дальняя сторона. Градиент распространяется от центра по направлению к наиболее удаленной стороне элемента (для circle), или к обоии, горизонтальной и вертикальной, сторонам (для ellipse).
- farthest-corner - Самый дальний угол. Размер градиента таков, что он распространяется от центра к самому дальнему углу элемента.
- contain - Аналогично closest-side.
- cover - Аналогично farthest-corner.
- <stop>
- Отвечает за отображение color-stops (мест смены цветов) в CSS градиентах по таким же правилам, как и в SVG градиентах. Может задаваться в процентах или мерах длины, например, пикселях.
Замечания
Градиент - это комбинация двух и более заданных цветов, плавно переходящих друг в друга. В CSS градиенты используют вместо каких-либо изображений, как индикатор загрузки, для улучшения восприятия web-страницы при масштабировании и т.д. Mozilla Firefox поддерживает два вида градиентов: линейный и радиальный.
Mozilla Firefox корректно поддерживает градиенты только как значения для свойства background-image, а заодно и background. Вы можете задать значение для градиента вместо URL изображения.
Повторяющийся радиальный или круговой градиент, задаваемый с помощью -moz-repeating-radial-gradient, работает практически точно также, как и задаваемый с помощью -moz-radial-gradient, но с тем различием, что он бесконечное число раз повторяет стоп-цвета в обоих направлениях, чем и достигается эффект повторяющегося градиента.
background: -moz-repeating-radial-gradient(black, black 5px, white 5px, white 10px);
Стандарты
W3C Proposal for Radial Gradients, WebKit's original proposal
Поддерживаемые браузеры
Firefox (Gecko) начиная с версии 3.6 (1.9.2) - для -moz-repeating-radial-gradient().
Safari (WebKit) начиная с версии 4.0 (528).
В Safari (WebKit) значения задаются таким образом, что нужен главный (radial или linear) параметр, чтобы идентифицировать вид градиента.
Смотрите также
-moz-radial-gradient, -moz-linear-gradient, background-image, background.
Ссылки на источники
https://developer.mozilla.org/en/CSS/-moz-repeating-radial-gradient