CSS3 Tutorial : Text-shadow



Web2-Teach

text-shadow: 1px 1px 10px #555;
Text-shadow CSS property is used to add shading to the elements of HTML text. Includes figures for grammar, X-offset, Y-offset Finally, the amount of blur and the colors of real shadows. In addition, it is not necessary to set a shadow, you can create several text-shadow values ​​to create really cool effects.
  
Other Demo :

Fire

 

text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e;

Inset


text-shadow: 0px 2px 3px #666;

0 commentaires:

Post a Comment