HELLO CSS3 WORLD!
To create a shadow in text, the CSS is written text-shadow: Apx Bpx Cpx #XXX;
- Apx = x-axis
- Bpx = y-axis
- Cpx = cast length / feathering
- #XXX = colour as usual
The above header uses the following CSS 3
CSS3 Text Shadow (Single)
.my_CSS3_class {
text-shadow: 2px 2px 7px #111;
font-size: 3.2em;
color: #f5f5f5;
}
HELLO CSS3 WORLD!
The above header uses the following CSS 3
CSS3 Text Shadow (Multiple)
.my_CSS3_class {
text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0;
font-size: 3.2em;
color: #fff;
text-align: center;
padding: 10px 0px 5px 0px;
background: #151515;
}