Bonjour~

Je valide ton code~ Par contre, j'aimerais savoir un petit truc x) Est-ce qu'on peut remplacer le bottom ou le left du code par un up ou un right pour faire par exemple un dégradé de droite à gauche ou de haut en bas?
Probablement mais je me renseigne xD

Merci d'avoir partagé tes connaissances :DD

Bonjour

Merci pour ce code,franchement génial.

Je l'ai testé sur mon forum test en mettant ceci

Code:

body {
background: -moz-linear-gradient(top, black, black, grey, black, black);
}

Merci beaucoup,tes codes sont génial!=)

Ikø' a écrit:

Bonjour~

Je valide ton code~ Par contre, j'aimerais savoir un petit truc x) Est-ce qu'on peut remplacer le bottom ou le left du code par un up ou un right pour faire par exemple un dégradé de droite à gauche ou de haut en bas?
Probablement mais je me renseigne xD

Merci d'avoir partagé tes connaissances :DD

Salut

Tu peux effectivement remplacer le "left" par un "right". Le "bottom" lui, tu peux le remplacer par un "top". Ça donne le même résultat. Aussi, pour Firefox, pour mettre un dégradé en diagonal, tu peux mettre des degrés :

Code:

background: -moz-linear-gradient(45deg, black, grey);

Tu peux aussi mettre des degrés négatif pour les faire partir de l'autre sens
Pour chrome et safari, c'est un peux plus compliquer :

Code:

background: -webkit-gradient(linear, left top, right bottom, from(grey), to(black));

le "left top" le fait partir d'en haut a gauche, et le "right bottom" le fait se terminer en bas à droite. "left bottom" pour le faire partir d'en bas à gauche et "right top" pour se terminer en haut a droite et ainsi de suite :O

Okey =DD

Sinon je tiens à signaler que selon ce que j'ai vu aujourd'hui, le code des dégradés ne marche pas avec les versions de Firefox plus vieilles que 3.6~ À l'école, ils ont 3.5.2 jcrois xD et le dégradé ne marche pas, mais moi j'ai 3.6.2 et ça marche parfaitement.

ça ne fonctionne pas avec internet explorer ?

Bonjour / Bonsoir !

Est-il possible d'appliquer cela sur une bordure ? Si oui, comment faire ?

Hop!

Je ne pense pas qu'il soit possible d'attribué un dégrader à des bordure, les bordure n'ont pas background-color, donc je pense qu'il est imposssible!

ça marche nickel pour mes onglets. C'est superbe. Merci.

Bonsoir Luna Arcana

Par contre vous pouvez ajouter ce petit effet a vos bordures.

Code:

-moz-border-bottom-colors:#897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
-moz-border-top-colors:  #897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
-moz-border-left-colors: #897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
-moz-border-right-colors:#897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;

Merci Beaucoup pour ce tuto.