Gradients CSS horizontaux?

Question

Je souhaite avoir un dégradé en arrière-plan de ma page Web. J'ai trouvé comment rendre le dégradé vertical mais je veux qu'il soit horizontal.

background-image: -webkit-gradient(linear, 0% 25%, 0% 0%, from(rgb(176, 196, 222)), to(rgb(255, 255, 255))); 
background-image: -moz-linear-gradient(center bottom, rgb(153, 255, 51) 25%, rgb(255, 102, 51) 80%); 

Answer 1

Pour -webkit-gradient vous définissez la direction en utilisant les deux points (2ème et 3ème arguments dans votre cas), et pour -moz-linear-gradient il est défini par le point de départ que (le premier argument). Donc, pour transformer ces gradients à horizontaux, vous feriez:

background-image: -webkit-gradient(linear, 25% 0%, 0% 0%, from(rgb(176, 196, 222)), to(rgb(255, 255, 255))); 
background-image: -moz-linear-gradient(center right, rgb(153, 255, 51) 25%, rgb(255, 102, 51) 80%); 

(Vous devrez peut-être modifier vos valeurs de couleur parce que vous êtes définissant les points différemment pour chaque navigateur, il pourrait être plus facile si vous définissez la. pointe à center right, center left pour Webkit ainsi que pour faire correspondre Mozilla.)