« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions
Contenu supprimé Contenu ajouté
Ligne 183 :
Les premiers paramètres spécifient la forme et la position du centre où débute le dégradé.
La fonction <code>repeating-radial-gradient</code> permet de définir un dégradé radial répété.
Le rayon du cercle (<code>circle</code>) doit être spécifié, les deux rayons pour la forme en ellipse (<code>ellipse</code>).
{| class="flexible"
|
<syntaxhighlight lang="css">
background-image: radial-gradient(circle at 50% 50%, rgb(0, 160, 255), rgb(0, 0, 88) 80%);
Ligne 190 ⟶ 195 :
Le fond en dégradé.
</div>
|
<syntaxhighlight lang="css">
background-image: repeating-radial-gradient(30px circle, rgb(0, 160, 255), rgb(0, 0, 88) 50%, rgb(0, 160, 255));
</syntaxhighlight>
<div style="text-align:center; padding: 5em 0; width:200px; background-image: repeating-radial-gradient(30px circle, rgb(0, 160, 255), rgb(0, 0, 88) 50%, rgb(0, 160, 255));">
Le fond en dégradé.
</div>
|
<syntaxhighlight lang="css">
background-image: repeating-radial-gradient(40px 20px ellipse, rgb(0, 160, 255), rgb(0, 0, 88) 50%, rgb(0, 160, 255));
</syntaxhighlight>
<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>
|}
=== Le raccourci <code>background</code> ===
| |||