Tạo Animation cho thuộc tính CSS box-shadow

Để triển khai animation trên thuộc tính box-shadow với CSS, bạn có thể chạy đoạn mã sau:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;             height: 300px;             background: yellow;             border: 10px solid red;             animation: myanim 3s infinite;             bottom: 30px;             position: absolute;          }          @keyframes myanim {             20% {                bottom: 100px;                box-shadow: 30px 45px 70px orange;             }          }       </style>    </head>    <body>       <h2>Performing Animation on box-shadow</h2>       <div></div>    </body> </html>