Text Shadow-ing [CSS]
Sep 30, 2010, 4:47 PM
Many people see this coding:
body{background:#FFF;
font-family: Arial;
font-size:10pt;
color:#333;
overflow-x: hidden; }
.title{font-family: Arial;
font-size:25pt;
color:#FFF;
text-shadow: 0px 0px 5px #f2f2f2;
-webkit-transition:1s;}
.title:hover{color:#f2f2f2;
text-shadow: 0px 0px 10px #fff;
-webkit-transition:1s;}
font-family: Arial;
font-size:10pt;
color:#333;
overflow-x: hidden; }
.title{font-family: Arial;
font-size:25pt;
color:#FFF;
text-shadow: 0px 0px 5px #f2f2f2;
-webkit-transition:1s;}
.title:hover{color:#f2f2f2;
text-shadow: 0px 0px 10px #fff;
-webkit-transition:1s;}
Layout coders use this make navigations, headings, titles and images look pretty~
Well, not everyone understands how to use text-shadow properties.
For people who just started coding...
Long-story-short:
text-shadow: 0px 0px 5px #f2f2f2;
text-shadow: x-offset y-offset blur amount color
SO~! People can stop asking me questions now, I suppose.
--☆::