Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<style> #shadow1 { text-shadow: 1px 1px 0px cyan; color: red; font-size:27px; } #shadow2 { color: red; text-shadow: 1px 1px 0px #fff; font-size:27px; } #shadow3 { text-shadow: 0 0 3px orange; color: red; font-size:27px; } #shadow4 { text-shadow: 0 0 3px #fff, 0 0 5px #ccc; color: red; font-size:27px; } #shadow5 { color: red; text-shadow: 1px 1px 2px #fff, 0 0 25px blue, 0 0 5px darkblue; font-size:27px; } #shadow6 { text-shadow: 0 0 3px #fff, 0 0 5px #ccc; font-size:20px; color: red; font-size:27px; } </style> <ul><ol> <li id="shadow1">Text shadow effect!</li> <li id="shadow2">Text shadow effect!</li> <li id="shadow3">Text shadow effect!</li> <li id="shadow4">Text shadow effect!</li> <li id="shadow5">Text shadow effect!</li> <li id="shadow6">Text shadow effect!</li> </ol></ul>
