<!DOCTYPE html>
<html>
<body>
<p id="myP">This is an example paragraph.</p>
<button type="button" onclick="myFunction()">Add shadow to text</button>
<p><b>Note:</b> Internet Explorer 9 and earlier do not support the textShadow property.</p>
<script>
function myFunction() {
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
}
</script>
</body>
</html>