« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 209 :
<div style="text-align:center; padding: 5em 0; width:200px; background-image: repeating-radial-gradient(40px 20px ellipse, rgb(0, 160, 255), rgb(0, 0, 88) 50%, rgb(0, 160, 255));">
Le fond en dégradé.
</div>
|}
==== Gradient conique ====
La fonction <code>conic-gradient</code> permet de définir un dégradé conique, c'est-à-dire dont la couleur change selon l'angle par rapport à un angle de départ centré sur un point.
Les premiers paramètres spécifient ces deux paramètres.
{| class="flexible"
|
<syntaxhighlight lang="css">
background-image: conic-gradient(from 45deg at 50% 50%,
rgb(0, 160, 255),
rgb(0, 0, 88) 60deg,
rgb(120, 0, 0) 180deg,
rgb(255,255,0) 270deg,
rgb(255,255,255) 315deg,
rgb(0,160,255));
</syntaxhighlight>
|
<div style="text-align:center; padding: 5em 0; width:200px; background-image: conic-gradient(from 45deg at 50% 50%, rgb(0, 160, 255), rgb(0, 0, 88) 60deg, rgb(120, 0, 0) 180deg, rgb(255,255,0) 270deg, rgb(255,255,255) 315deg, rgb(0,160,255));">
Le fond en dégradé.
</div>
| |||