CSS3 text-shadow Generator

Text 12px

Text 24px

Text 32px

100px
Text 12px

Text 24px

Text 32px

100px

text-shadow: 3px 3px 2px #0FC7FF;
text-shadow: 5px 5px 3px rgba(155, 100, 55); /* Fallback */
text-shadow: 5px 5px 3px rgba(155, 100, 55, 0.2);

3.5 4.0 4.0 9.6 X

Internet Explorer:
filter: dropshadow(color=#0FC7FF, offx=3, offy=3);

Demo 001

Lorem Ipsum

.textshadow001 {
text-shadow:
0px 1px 0px #999,
0px 2px 0px #888,
0px 3px 0px #777,
0px 4px 0px #666,
0px 5px 0px #555,
0px 6px 0px #444,
0px 7px 7px #011;
}

HEX > RGB

R: G: B:

RGB > HEX

R: G: B:

© 2011-2014 css3-generator.de