Thuộc tính tóm tắt (shorthand) CSS Animation

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 để tìm hiểu cách 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>