Функция repeating-conic-gradient()
Пример
Повторяющийся конический градиент:
#grad {
background-image: repeating-conic-gradient(red 10%,
yellow 20%);
}
Попробуйте сами »
Определение repeating-conic-gradient()
Функция repeating-conic-gradient()
используется для повторения конических градиентов.
Версия: | CSS3 |
---|
Поддержка браузера repeating-conic-gradient()
Цифры в таблице указывают первую версию браузера, полностью поддерживающую данную функцию.
Функция | |||||
---|---|---|---|---|---|
repeating-conic-gradient() | 69.0 | 79.0 | 83.0 | 12.1 | 56.0 |
CSS Синтаксис repeating-conic-gradient()
background-image: repeating-conic-gradient([from angle] [at position,] color degree, color degree, ...);
Значение | Описание |
---|---|
from angle | Необязательный. Весь конический градиент поворачивается на этот угол. Значение по умолчанию — 0 градусов. |
at position | Необязательный. Указывает центр градиента конического градиента. Значение по умолчанию — центр. |
color degree, ..., color degree | Цветовые остановки — это цвета, между которыми вы хотите сделать плавные переходы. Это значение состоит из значения цвета, за которым следует необязательная позиция остановки (градус от 0 до 360 или процент от 0% до 100%). |
Ещё примеры repeating-conic-gradient()
Пример
Повторяющийся конический градиент с определенными началами и концами цвета:
#grad {
background-image: repeating-conic-gradient(red 0deg 30deg,
yellow 30deg 60deg, blue 60deg 90deg);
}
Попробуйте сами »
Похожие страницы repeating-conic-gradient()
CSS учебник: CSS Градиенты