« Le langage CSS/Fonds, bordures, marges et espacements » : différence entre les versions

Contenu supprimé Contenu ajouté
→‎Opacité : Ajustements
Ligne 72 :
Le fond en dégradé.
</div>
 
L'angle peut être spécifié en premier argument.
 
Exemple :
 
{| class="flexible"
| 30°
<syntaxhighlight lang="css">
background-image: linear-gradient(30deg, rgb(100,100,160), rgb(100,160,160));
</syntaxhighlight>
 
<div style="text-align:center; padding: 3em 0; background-image: linear-gradient(30deg,rgb(100,100,160),rgb(100,160,160));">
Le fond en dégradé.
</div>
| 90°
<syntaxhighlight lang="css">
background-image: linear-gradient(90deg, rgb(100,100,160), rgb(100,160,160));
</syntaxhighlight>
 
<div style="text-align:center; padding: 3em 0; background-image: linear-gradient(90deg,rgb(100,100,160),rgb(100,160,160));">
Le fond en dégradé.
</div>
| 230°
<syntaxhighlight lang="css">
background-image: linear-gradient(230deg, rgb(100,100,160), rgb(100,160,160));
</syntaxhighlight>
 
<div style="text-align:center; padding: 3em 0; background-image: linear-gradient(230deg,rgb(100,100,160),rgb(100,160,160));">
Le fond en dégradé.
</div>
|}
 
=== Le raccourci <code>background</code> ===