CSS3: Shadow, Text, Fonts and Transforms

CSS3: Shadow, Text, Fonts and Transforms


CSS3 - shadow
CSS3 supported to add shadow to text or elements. Shadow property has divided as follows:
• Text shadow
• Box Shadow

Text shadow
CSS3 supported to add shadow effects to text.
CSS3 text-shadow Property Syntax
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
Note: To add more than one shadow to the text, add a comma-separated list of shadows.

Text-align-last
The text-align-last property specifies how to align the last line of a text. Notice that the text-align-last property sets the alignment for all last lines within the selected element. So, if you have a div with three paragraphs in it, text-align-last will apply to the last line of EACH of the paragraphs. To use text-align-last on only the last paragraph in the container, you can use : last child.


Web fonts allow Web designers to use fonts that are not installed on the user s computer. When you have found/bought the font you wish to use, just include the font file on your web server, and it will be automatically downloaded to the user when needed. Your "own" fonts are defined within the CSS3 font-face rule.