Hoe krijg ik dit ook op m'n website?

Status
Niet open voor verdere reacties.

gebruiker46

Gebruiker
Lid geworden
22 jul 2010
Berichten
667
Hai,

Op de volgende website;

Tweakwindows.nl heb je aan beide kanten een soort van wazig vlak, en dan in het midden een Windows venster met de website daarin gebouwd.

Nu vraag ik me af hoe kan ik ook van zulke wazige vlakken krijgen? Iemand tips? HTML CSS

Alvast bedankt!
 
Ze gebruiken een background afbeelding, info via google chrome:

sidebar-background.png

Dimensions1960 × 1
File size466B
MIME typeimage/png
URL http://tweakwindows.nl/html/img/layout/sidebar-background.png
sidebar-background.png
 

Bijlagen

  • sidebar-background.png
    sidebar-background.png
    466 bytes · Weergaven: 23
Laatst bewerkt:
Hoi RadeonXFX,
Dit img is een semi-transparante png met verlooptinten er in. Vanwege de mini-hoogte van 1px zie je dat niet zo duidelijk.
Maar als je 'm in een tekenprogramma oprekt tot bv. 50px hoog, en dan het alpha-kanaal inlaadt (waar de transparantie in zit), dan komt er dit uit de bus voor het meest linkse gedeelte:

tweakwin.png

Bij goed kijken zie je het verticale lijntje, aan de rechterkant waar de transparantie ophoudt; dat is net iets donkerder dan de rest.

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan