donderdag 27 september 2012

CSS - Transparantie

CSS - Transparantie

Wil je een transparantie op je website? Check dit dan hieronder!

Transparantie

Transparantie-instellingen via CSS zijn al langer mogelijk. In CSS3 kunnen we naast de bekende opacity-eigenschap ook aan de slag met RGBA. Hierdoor hoef je niet weer Photoshop op te starten, maar we gebruiken gewoon de volgende CSS-code:

img {
   opacity: .6;
}

Met de CSS3-eigenschap opacity hebben we de dekking op 60% gezet, dus 40% transparant. Deze eigenschap accepteert elke decimaal waarde tussen nul en één, waarbij nul compleet transparant is.
Wil je een transparante met kleur toevoegen? Dan gebruik je de volgende CSS-code:

. transparantie_kleur {
      background-color: rgba(255,
      96, 0, 0.6);



- Dit is het einde van deze tutorial

Plaats gerust hieronder een reactie als je iets niet snapt. Aanmelden voor een reactie hoeft niet!
Als je deze tutorial leuk vond, misschien is dan de nieuwsbrief wat voor jouw!