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!
Geen opmerkingen:
Een reactie posten