Genomskinliga element - opacity



Någonting jag gillar väldigt mycket när det gäller webdesign och bloggdesign är genomskinliga element - opacity - opacitet. Genomskinliga element är alltså delar av bloggen som är mer eller mindre genomskinliga. Det kan göras både i Photoshop men man kan även fixa opacitet genom kodning.

Hur gör man då?

Det finns två olika koder, som jag vet om, som man ändrar opaciteten genom.

KOD 1 | Klistras in i stilmallen (CSS-kod)
Bäst att använda då den täcker alla webbläsare

filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;

KOD 2 | Klistrar in i stilmallen (CSS-kod)

Opacity: 0.6;



Klistra in den kod du vill använda där du vill ha den. Om du till exempel vill ha opacitet i headern (headern blir genomskinlig) så lägger du in den under #header {.

Högre tal = mindre opacitet (mindre genomskinligt)
Lägre tal = mer opacitet (mer genomskinligt)