Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để đặt hiệu ứng bóng của văn bản bằng JavaScript?


Để đặt hiệu ứng đổ bóng, hãy sử dụng textShadow thuộc tính trong JavaScript.

Ví dụ

Bạn có thể thử chạy đoạn mã sau để trả về hiệu ứng bóng của văn bản bằng 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>