Modifier un degradé

Bonjour a vous tous !
Je rencontre un probleme ce matin, mon but est que sur ma page web j'ai un fond de non pas une seule couleur mais deux, j'ai alors essayé d'utiliser :

Code:

---

background: linear-gradient( transparent 5px, red 5px, blue);

---

je pensais que je pouvais regler l'espace qu'il y avait entre les deux couleurs pour le rendre nul, sauf qu’apparemment ce n'est pas possible
donc pour resumer je voudrai en haut de ma page une couleur ( par exemple rouge) puis un peu plus bas du bleu
voila j'espere avoir été clair
Merci beaucoup d'avance bonne journée !

Bonjour,

Code:

---

background: linear-gradient(to bottom, red, transparent, blue);

---

devrait s'approcher de ce que tu recherches.

Tu peux faire en sorte qu'il y ait plus de rouge

Code:

---

background: linear-gradient(to bottom, red, red, transparent, blue);

---

ou de bleu

Code:

---

background: linear-gradient(to bottom, red, transparent, blue, blue);

---

ou enlever l'espace transparent entre les 2 couleurs :

Code:

---

background: linear-gradient(to bottom, red, blue);

---

Alors tout d'abord merci pour ton temps et ta reponse, mais en fait ce que j'aimerais c'est supprimer le degradé et passer de rouge a bleu directement
Merci d'avance

Pièce jointe 163321

Merci si vous pouvez juste me donner une indication, si jamais je fais fausse route .

Il suffit de les faire commencer au même endroit :

Code:

---

background-image: linear-gradient(to bottom, #FF0000 25%, #00A3EF 25%);

---

Tu peux par exemple t'aider d'un des nombreux CSS Gradient maker de la toile, comme celui-là :
http://ie.microsoft.com/testdrive/Gr...r/Default.html

Sincerement merci beaucoup je tournais en rond depuis ce matin

Par contre c'est etrange car si par exemple je change la valeur pour le rouge de telle sorte a ce que j'en ai moins un degradé intervient

Je vais me paraphraser :

Citation:

---

Envoyé par Bisûnûrs

Il suffit de les faire commencer au même endroit

---

Exactement merci encore !