2010-10-16 5 views
0

Je veux avoir une boîte avec deux couleurs avec de l'argent sur le dessus et il devrait lentement se fondre dans le blanc, tout comme l'arrière-plan de la page d'accueil d'Apple. Comment je fais ça?Comment est-ce que je mélange les couleurs en utilisant CSS?

Merci comme toujours.

+0

Heres un conseil amical à vous si cela ne vous dérange pas. S'il vous plaît accepter une question. Soyez bénéfique aux personnes qui vous aident :-) –

Répondre

1

Vous recherchez un fond dégradé?

http://www.tizag.com/cssT/background.php

look pour "fond dégradé css"

il y a plus d'articles si vous google: fond gradient css

+1

Notez que les dégradés d'arrière-plan fonctionnent dans tous les navigateurs modernes, et que IE a eu un moyen de le faire depuis longtemps maintenant. Pour vous faciliter la tâche, essayez d'utiliser le Générateur de dégradés ColorZilla, qui crée les versions de Webkit, Mozilla et le filtre IE pour vous de la même manière que l'éditeur de dégradés Photoshop fait son truc: http://www.colorzilla.com/ éditeur de dégradé / –

1

L'idée de base est d'utiliser une image de fond qui fait le gradient pour vous . Vous avez envoyé la couleur d'arrière-plan de la page à la couleur "fin" du dégradé, puis appliquez votre image d'arrière-plan en dégradé en utilisant CSS avec une répétition dans la direction opposée à laquelle vous souhaitez que le dégradé s'écoule. Donc, si vous voulez un dégradé de 100 pixels, de l'argent au blanc, de haut en bas, vous créez une image de pixels de 100Hx1W qui couvre vos couleurs de haut en bas. Définissez la couleur d'arrière-plan sur blanc et appliquez l'image d'arrière-plan en répétant sur l'axe des x. Vous pouvez facilement créer le dégradé à l'aide de l'outil dégradé dans Photoshop ou GIMP.

#body 
{ 
    background: #ffffff url(/images/bg.jpg) repeat-x; 
}