Bonjour,
J’essaye d’ajouter un gradient en fond de ma page web à l’aide des gradients en CSS3.
Idéalement, j’aimerais que le gradient commence en rouge, se termine en jaune et sans répétitions.
Le problème, c’est que le gradient est répété et j’aimerais éviter cela :
Comme pour les autres types de dégradés, la valeur obtenue n’est pas une couleur CSS (type <color> mais une image sans dimension intrinsèque. Autrement dit, celle-ci ne possède aucune taille « naturelle » ou préférée, sa taille réelle correspondra à la taille de l’élément auquel elle est appliquée.
https://developer.mozilla.org/fr/docs/Web/CSS/linear-gradient
De ce que j’ai compris, c’est donc la « taille » de l’élément html qui pose problème, comment y remédier ?
Mon code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Page web</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>paragraphe de texte</p>
</body>
</html>
html {
background-image: linear-gradient(red, yellow);
}
+0
-0
