CSS – Text & Font Shadow Effect (Outer & Inner)

You can create better designed website using text shadowing effect. We want to share how to apply shadow effect on text using CSS code. It will make your website design more fancy and better!
 
 
P&T IT BROTHER

#text {
text-shadow:1px 1px 1px #333;
font-size:60px;
color:#fff;
font-weight:bold;
}

 
 
 
P&T IT BROTHER
 

#text {
text-shadow:-1px -1px #333;
font-size:60px;
color:#999;
font-weight:bold;
}

 
 
 
P&T IT BROTHER
 

#text {
text-shadow: 0px -1px 4px white, 0px -2px 10px #ff3000, 0px -10px 20px #ff8000, 0px -18px 40px red;
font-size:60px;
color:#fff;
font-weight:bold;
}

 
 
 
P&T IT BROTHER
 

#text {
text-shadow: 5px 5px 0px #EEE, 7px 7px 0px #707070;
font-size:60px;
color:#ff3000;
font-weight:bold;
}