Mastering CSS3- 7 Cool text-shadow Samples You Can’t Miss edit

By Konstantin Kichinsky | March 8, 2012 | CSS3 | HTML5 | Web Tech edit

9

=== We’ve been exploring the basics on how to use CSS3 shadows: box-shadow and text-shadow. Today, we are going to improve our skills and look into how to build some amazing text-shadows. Some of the ideas for shadows, I found in various tutorials for Photoshop— I was interested in whether or not I could achieve similar effects by using just text-shadow. Internet Explorer and Windows 8 To try all these samples yourself and express your creativity with the text-shadow, try downloading Internet Explorer 10. All mentioned techniques will also work with metro style apps for Windows 8 built using HTML and JavaScript. May The Shadow be with you! Arcade Love In our first sample, we will try to draw some cool, embossed text. We will start with simple lime-colored text: ===