CSS3 | Text shadow voorbeeld

Zoals beloofd ga ik een aantal voorbeelden van de afgelopen berichten plaatsen. Ik begin daarbij met CSS3 text shadow. CSS3 text shadow geeft een schaduw aan je tekst real time in je browsers, mits dezer dat ondersteund.

TEXT SHADOW

Zoals je ziet heeft bovenstaande tekst een schaduw, welke geheel selecteerbaar is. Op deze manier hoef je niet meer met plaatjes te werken in je webdesign.

De CSS code die gebruikt is voor bovenstaand voorbeeld is:

text-shadow: 2px 2px 2px #000;

Hier nog een HOT voorbeeld:

text-shadow: 0 0 4px white, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -25px 18px #f20;

 

Feeling hot hot hot

Meer info
Als je meer wilt weten over het gebruik van de text shadow property dan verwijs ik je graag naar het volgende artikel: Text-shadow | Schaduw voor teksten

Andere CSS3 elementen:

Vorige Portfolio item

Meer nieuws items

Vorige Portfolio item

Nieuws