Tạo hiệu ứng chuyển động cho thuộc tính CSS outline-offset

Để thực hiện animation trên thuộc tính outline-offset với CSS, bạn có thể chạy đoạn mã sau:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 350px;             height: 150px;             outline: 2px solid blue;             animation: myanim 3s infinite;          }          @keyframes myanim {             50% {               outline-offset: 50px;             }          }       </style>    </head>    <body>       <h1>CSS outline-offset property</h1>       <div> </div>    </body> </html>