Im gonna teach You how to use text-shadows. First see the below example: h1 { text-shadow: 4px 5px 5px #F00; } Learn Html In the above example We have heading, and with text-shadow attribute we add shadow to our text. But How? First we have to type h1, that means that every h1 heading will have shadow. Here we have one heading. After that we have curly brackets and between then is placed the most important part of this simple lesson. text-shadow is supported in all browsers, so You dont need to use vendor prefixes, which i explain in my prevous post. So we have 4 values. First value is where will be placed our shadow from left to right,the second value is where will be placed the shadow from top to bottom, and the thirth value is the Blur effect. The last one is the color of our shadow. If You really want to understand this open Your notepad, paste the above example. Save Your file as .html and then open it
Posted on: Sat, 26 Oct 2013 14:59:06 +0000
Recently Viewed Topics
© 2015