Функция repeating-radial-gradient()
Пример
Повторяющийся радиальный градиент:
#grad {
background-image: repeating-radial-gradient(red, yellow 10%, green 15%);
}
Попробуйте сами »
Определение repeating-radial-gradient()
Функция repeating-radial-gradient()
используется для повторения радиальных градиентов.
Версия: | CSS3 |
---|
Поддержка браузера repeating-radial-gradient()
Цифры в таблице указывают первую версию браузера, полностью поддерживающую данную функцию.
Числа, за которыми следуют -webkit-, -moz- или -o-, указывают первую версию, которая работала с префиксом.
Функция | |||||
---|---|---|---|---|---|
repeating-radial-gradient() | 26.0 10.0 -webkit- |
10.0 | 16.0 3.6 -moz- |
6.1 5.1 -webkit- |
12.1 11.1 -o- |
CSS Синтаксис repeating-radial-gradient()
background-image: repeating-radial-gradient(shape size at position, start-color, ..., last-color);
Значение | Описание |
---|---|
shape | Определяет форму градиента. Возможные значения:
|
size | Определяет размер градиента. Возможные значения:
|
position | Определяет положение градиента. По умолчанию "center" |
start-color, ..., last-color | Цветовые остановки — это цвета, между которыми вы хотите сделать плавные переходы. Это значение состоит из значения цвета, за которым следует необязательная позиция остановки (процент от 0% до 100% или длина по оси градиента). |
Похожие страницы repeating-radial-gradient()
CSS учебник: CSS Градиенты