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

Thuộc tính CSS nào được sử dụng để chạy Hoạt ảnh trong các Chu kỳ Thay thế?

Sử dụng hướng hoạt ảnh thuộc tính để chạy hoạt ảnh theo một hướng thay thế. Thuộc tính được sử dụng với hoạt ảnh thay thế giá trị để đạt được điều này.

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 200px;
            background-color: yellow;
            animation-name: myanim;
            animation-duration: 2s;
            animation-direction: alternate;
            animation-iteration-count: 3;
         }
         @keyframes myanim {
            from {
               background-color: green;
            }
            to {
               background-color: blue;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>