Rendes szöveg árnyék:
p ( text-shadow: 1px 1px 1px #000; )Több árnyék:
p ( text-shadow: 1px 1px 1px #000, 3px 3px 5px blue; )Az első két érték az árnyékeltolás hosszát határozza meg. Az első érték határozza meg a vízszintes távolságot, a második pedig az árnyék függőleges távolságát. A harmadik érték meghatározza az elmosódási sugarat, az utolsó pedig az árnyék színét:
1. érték = az X koordináta
2. érték = az Y koordináta
3. érték = az elmosódási sugár
4. érték = az árnyék színe
A pozitív számok első két értékként történő felhasználásával az árnyékot vízszintesen helyezzük el a szövegtől jobbra (első érték), és az árnyékot függőlegesen a szöveg alá.
A harmadik érték, az elmosódási sugár opcionális érték, amelyet meg lehet adni, de nem kell. Ez az a pixel, amelyet a szöveg kifeszít, ami elmosódást okoz. Ha nem használja a harmadik értéket, úgy kezeljük, mintha nulla elmosódási sugarat adna meg.
Ne feledje, hogy a színhez RGBA értékeket is használhat, például a fehér 40% -os átlátszóságát:
p ( text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); )