« 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> ===
|