girlwithbighead
 Tutorial : Text Shadow  
27/08/2012 | 4 comments

Basic things that you should know.


Text Shadow

text-shadow: 0.1em 0.1em #333;


Text Shadow (ii)

text-shadow: 0.1em 0.1em 0.05em #333;


Text Shadow (iii)

text-shadow: 0.1em 0.1em 0.2em black;


Text Shadow (iv)

color: white; text-shadow: black 0.1em 0.1em 0.2em;


Text Shadow (v)

text-shadow: 0.2em 0.5em 0.1em #600,-0.3em 0.1em 0.1em #060,0.4em -0.3em 0.1em #006;


Text Shadow (vi)

text-shadow: -1px -1px white, 1px 1px #333;


Text Shadow (vii)

text-shadow: 1px 1px white, -1px -1px #444;


Text Shadow (viii)

text-shadow: -1px 0 black, 0 1px black,1px 0 black, 0 -1px black;


Text Shadow (ix)

text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87;


Text Shadow (x)

color: #fff;text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
letter-spacing: 5px;


Text Shadow (xi)

color: #fff;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135;


Text Shadow (xii)

color: rgba(0, 168, 255, 0.5);
text-shadow: 3px 3px 0 rgba(255, 0, 180, 0.5);


OLDERNEWER