ik wil graag in een div, de achtergrond kleur van wit naar zwart laten lopen.
Is dit mogelijk met css? of moet het met photoshop....

Mvg,

Erik
photosop is makkelijk ervoor gewoon een bg image maken van 1px
het liefst doe ik het met css.
misschien meer werk maar lijkt me wel beter.
Het zou wel met Javascript kunnen, maar dat is een heel 'vieze' oplossing.
Weet alleen een "Microsoft Internet Explorer filter", maar dat wil je waarschijnlijk niet... Wel interesse naar?

<DIV style="FILTER: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#99CCFF, endColorstr=#000000); HEIGHT: 100px; font:bold 13pt verdana; color: white;"> Hier kun je je tekst typen ...</DIV>
Dát is pas een 'vieze' oplossing ;)
Ja, daarom zei ik al, wil je waarschijnlijk niet gebruiken :)
Je kunt het combineren:

Maak in PhotoShop een gradient van wit naar zwart. Zorg dat hij hoog genoeg is. Maak hem (bijv) maar 8 pixels breed en dan in je CSS:

div.gradient {
background: url(gradient.jpg) left top repeat-x;
}

Je div geef je dan een class "gradient".
Inline styles gebruik je in principe nooit.
Dat is evident. Maar ik denk dat hij op zoek is naar een pure CSS oplossing, hetgeen niet (netjes) mogelijk is volgens mij.

Toch Eer? ;)
ik kan de oplossing van jan eens proberen.
als je kijkt op de pagina van Jan, waar je je kan registreren voor de meeting zie je ook overgang tussen 2 kleuren.

prachtig is FF maar verrot in IE.

hoe heb je dat gemaakt Jan?
<DIV style="FILTER: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#FFFFFF, endColorstr=#7F7F7F); HEIGHT: 100px; font:bold 13pt verdana; color: white;"> Hier kun je je tekst typen ...</DIV>

dit is verticaal,
hoe krijg ik het horizontaal??

Reageren