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

Tạo hoạt ảnh cho thuộc tính màu đường viền bằng CSS

Để triển khai hoạt ảnh trên thuộc tính màu viền bằng CSS, bạn có thể thử chạy mã sau

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 500px;
            height: 300px;
            background: yellow;
            border: 10px solid gray;
            animation: myanim 3s infinite;
            background-position: bottom left;
            background-size: 50px;
         }
         @keyframes myanim {
            20% {
               border-color: red;
            }
         }
      </style>
   </head>
   <body>
      <h2>Performing Animation for color of border</h2>
      <div></div>
   </body>
</html>