Générateur de dégradé conique CSS
Créez visuellement des dégradés CSS : type linéaire, radial ou conique, curseur d'angle et jusqu'à six arrêts de couleur avec un aperçu pleine largeur en direct et un code copiable.
Résultat
Cette page ouvre le générateur de dégradé avec le type conique déjà sélectionné : au lieu de s'estomper le long d'une ligne ou de sortir du centre, les couleurs balayent le centre comme une aiguille d'horloge, en partant de l'angle que vous avez défini sur le curseur.
conic-gradient() est la plus récente des trois fonctions de dégradé CSS et celle derrière les diagrammes circulaires, les roues chromatiques et les effets de bordure rotative accrocheurs. Les positions d'arrêt en pourcentage sont des positions autour du cercle : deux arrêts à 0 % et 100 % se mélangent en douceur tout autour, tandis que les arrêts rapprochés créent des coins nets.
Ajustez l'angle de départ et l'arrêt jusqu'à ce que l'aperçu soit correct, puis copiez la ligne d'arrière-plan. Tous les navigateurs modernes prennent en charge les dégradés coniques, le code peut donc être expédié en toute sécurité.