How to set the shadow effect of a text with JavaScript?

JavascriptObject Oriented ProgrammingFront End Technology

To set the shadow effect, use the textShadow property in JavaScript.

Example

You can try to run the following code to return the shadow effect of a text with JavaScript −

<!DOCTYPE html>
<html>
   <body>
      <button onclick = "display()">Set Text Shadow</button>

      <div id = "myID">
         This is Demo Text! This is Demo Text! This is <br>This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text!<br> This is Demo Text!<br> This is Demo Text! This is Demo Text! This is Demo Text! This is Demo Text!
      </div>

      <script>
         function display() {
            document.getElementById("myID").style.textShadow = "2px 2px 2px #ff0000,20px 5px 2px #F1F1F1";
         }
      </script>
   </body>
</html>
raja
Published on 27-Feb-2018 12:37:30
Advertisements