Función CSS repeating-conic-gradient()

Ejemplo

Crear un gradiente cónico repetido:

#grad { background-image: repeating-conic-gradient(red 10%, yellow 20%); }

La función repeating-conic-gradient() se utiliza para crear un gradiente cónico repetido.

Versión compatible: CSS3

Los números en la tabla indican la primera versión del navegador que admite esta función.

Función
repeating-conic-gradient()	69.0	79.0	83.0	12.1	56.0

background-image: repeating-conic-gradient([from angle] [at position,] color degree, color degree, ...);

Valor	Descripción
from angle	Opcional. Ángulo inicial. El valor predeterminado es 0deg.
at position	Opcional. Posición central. Por defecto está centrado.
color degree, ..., color degree	Punto de parada del gradiente cónico. Este valor contiene un color seguido de una posición de parada opcional (grados entre 0 y 360 o porcentajes entre 0% y 100%).

Crear un gradiente cónico repetido configurando el color inicial y el color de parada:

#grad { background-image: repeating-conic-gradient(red 0deg 30deg, yellow 30deg 60deg, blue 60deg 90deg); }

Otras extensiones