CSS: backgrounduri multiple

Salut,

Acum că se apropie 1 Decembrie, vreau să pun pe site, 3 backgrounduri diferite la logo: 33% din ecran să fie roşu, 33% să fie galben, iar 33% să fie albastru. Cum aş putea face aşa ceva prin CSS?

Am încercat codurile găsite la o căutare pe google, dar nu merg..

Am rezolvat până la urmă. Nu mi-am dat seama că pentru fiecare browser aproape există câte un cod separat. Pentru curioşi, codul folosit de mine este următorul:

background: -moz-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* FF3.6+ */
/*
	background: -webkit-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%);
*/
background: -webkit-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%);

	background: -webkit-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* IE10+ */
	background: linear-gradient(left, #000dd8 0%, #000dd8 33%, #c4c400 33%, #c4c400 66%, #a50000 66%, #a50000 100%); /* W3C */

Nu ştiu dacă e întreg bun, deoarece am folosit mai toate combinaţiile găsite pe internet.

Edited by sftpdt, 30 November 2013 - 13:22.

"codurile" acela separate, "-webkit-", "-moz-" etc... se numesc vendor prefixes, si multe propietati CSS3 au nevoie de asemenea prefixe pentru a putea fi implementate in toate browserele.