Home Personale Text shadow

Text shadow

1 min read
Comentariile sunt închise pentru Text shadow
0
73

Umbrele daca sunt folosite cum trebuie  dau efecte foarte bune.Iata cateva exemple pentre text shadow:

text-shadow syntax

selector { text-shadow: h-shadow v-shadow blur color; }

Drop stroke effect

white
text-shadow: 1px 1px 1px #fff;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);

black
text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);

Drop shadow effect

white
text-shadow: 0 0 2px #fff;
text-shadow: 0 0 2px rgba(255,255,255,0.5);

black
text-shadow: 0 0 2px #000;
text-shadow: 0 0 2px rgba(0,0,0,0.5);

Vertical highlight

white
text-shadow: 0 1px 0 #fff;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);

black
text-shadow: 0 1px 0 #000;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);

Horizontal highlight

white
text-shadow: 1px 0 0 #fff;
text-shadow: 1px 0 0 rgba(255,255,255,0.5);

black
text-shadow: 1px 0 0 #000;
text-shadow: 1px 0 0 rgba(0,0,0,0.5);

Incercatiile pe fiecare in parte si o sa vedeti ca sunt valori bune.De aplicat.

Load More Related Articles
Load More By Bucur
Load More In Personale
Comments are closed.

Check Also

De ce site-ul tau trebuie sa fie optimizat pentru telefoanele mobile

Iti aduci aminte cand ai folosit ultima data smartphone-ul? Sigur ca poti! Asta se intampl…