CSS-tekstschaduwgenerator voor luie mensen.
Kies een vooraf gedefinieerde stijl uit de galerij of genereer een tekstschaduw met uw voorkeuren. Stel de gewenste attributen in om de CSS-code te krijgen.
Verschuif de schaduw naar rechts/beneden, stel de vervaging en dekking in en kies een kleur uit het palet om je CSS te krijgen. Gebruik de online editor om je stijl handmatig aan te passen. Volg de evolutie van je schaduw in de live preview waar je een aangepaste tekst- en achtergrondkleur kunt instellen.
CSS3 Tekstschaduw uitgelegd
De CSS3-eigenschap tekst-schaduw is een van de meest populaire technieken om het ontwerp van een website geleidelijk te verbeteren. Hoewel het oorspronkelijk in de CSS 2.1-specificatie stond, werd het ingetrokken wegens gebrek aan ondersteuning. Het is nu echter terug in CSS 3 en heeft brede ondersteuning onder moderne browsers.
Er zijn vier waarden nodig: de eerste waarde definieert de afstand van de schaduw in de x (horizontale) richting, de tweede waarde stelt de afstand in de y (verticale) richting in, de derde waarde definieert de vervaging van de schaduw en de laatste waarde stelt de kleur.
Hoewel dit relatief gemakkelijk te onthouden is in vergelijking met andere CSS3-regels, zoals border-radius, is het handig om een generator zoals deze te hebben, zodat u uw tekstschaduw in realtime kunt genereren en deze kunt verfijnen met Photoshop-achtige bedieningselementen.
