Hi fellas, long time no see.
yeah, it,s my first time i touch my blog.
It has been 5 months i never updated my blog.
it's so long right?
Now i ll share a little bit about text shadow.
About Text Shadow
The text-shadow property is super easy to work with and works well across all modern browsers without even so much as a vendor prefix! However, as far as I can tell, IE support, even up through IE9, is zilch. However, using tools like Modernizr will help you pull off advanced CSS3 effects even in silly old IE.Syntax
1.Standard
text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
2.Quick and Dirty Letterpress
body {background: #222;
}
#text h1 {
color: rgba(0,0,0,0.6);
text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}Quick and Dirty Letterpress
3.Hard Shadow
text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
4.Double Shadow
text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
5.Down and Distant
text-shadow: 0px 3px 0px #b2a98f,0px 14px 10px rgba(0,0,0,0.15),
0px 24px 2px rgba(0,0,0,0.1),
0px 34px 30px rgba(0,0,0,0.1);
6.Close and Heavy
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
There are still many CSS text shadows that you can create.
Basically CSS text-shadows are simple to implement on basic form and you will find variety of different forms if you really put some work on them.
That's all for to day. mix and max your CSS text shadows and find more text effects on the source bellow.
:)
