Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

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


Để thực hiện animation trên thuộc tính outline-width 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 yellow;             animation: myanim 3s infinite;          }          @keyframes myanim {             50% {                outline-width: 10px;             }          }       </style>    </head>    <body>       <h1>CSS outline-width property</h1>       <div></div>    </body> </html>