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-color


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

Ví dụ

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