Monday, 10 November 2014

Title Design: Glowing Letters

glowing letters designed with css
Text Design with CSS

W e l c o m e



CSS text-shadow attribute helps you to create interesting effects with the text.

CSS

The text shadow attribute is as follows:
text-shadow: H px Vpx B px color; The "H px" shifts the text horizontally; if you put a "-" in front of the value the text will shift to the left side.The "V px" shifts the text vertically and if with a "-" it shifts the text to the top.The "B px" defines the degree of the blur.

HTML

To color each character differently like in "Welcome" just use the span element for each character. and don't forget to define each span element with a unique "id" attribute otherwise you are not able to define each character in CSS. If you choose numbers for the id name such as 1, 2, 3 and so forth
CSS will not display the desired effects to those attributes.
Instead choose "one", "two", "three" etc. .


CSS&HTML Code


No comments:

Post a Comment