Thuộc tính tóm tắt đặt tất cả thuộc tính animation với CSS

Thuộc tính tóm tắt để đặt tất cả các thuộc tính animation là animation. Nó đặt animation duration, animation name, v.v.

Ví dụ

Bạn có thể chạy mã sau để làm việc với thuộc tính tóm tắt animation:

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