Az előbbi megoldás azért nem jó, mert sem a keresők, sem a felolvasóprogramok nem tudják a képen szereplő szöveget olvasni, utóbbi pedig azért nem, mert ha valahol ki van kapcsolva a CSS, akkor a szöveg kétszer jelenik meg. A CSS 3 text-shadow tulajdonsága az egyike azon kevés CSS 3 attribútumnak, amelyek már mind a 4 CSS-3-mat támogató böngészőben elérhetők. Sőt a Konqueror és az iCab is támogatják. Használata rendkívül egyszerű, mint azt a következő példa is mutatja:

.shadowText {
    text-shadow: 2px 2px 2px #000;
}

Ez a kódrészlet az árnyékot a szöveghez képest 2 pixellel jobbra, 2 pixellel lefelé jeleníti meg, és 2 pixelnyi homályosítást (blur) végez rajta. A #000 az árnyék színe, amelyet tetszés szerint változtathatunk. Egyébként ezt a beállítást használom a blog poszt-címeihez is – aki CSS-3-képes böngészőt használ, láthatja. Itt látható egy külön példa, egyszer CSS 3-mal megvalósítva, egyszer pedig a CSS-mas megvalósítás screen-shotja, azok számára, akik nem CSS 3 kompatibilis böngészőt használnak.

Végezetül egy stilisztikai jó tanács: mint minden díszítőelemet ezt is csak mértékkel ajánlott használni. Ha minden sorunk ilyen, azzal lerontjuk a design-t, ahelyett, hogy javítanánk, ráadásul még a szövegünk is nehezebben lesz olvasható.