Thuộc tính animation-delay trong CSS

Sử dụng thuộc tính animation-delay để thiết lập độ trễ cho thời điểm bắt đầu của một hiệu ứng hoạt hình với CSS.

Ví dụ

Bạn có thể chạy mã sau để triển khai thuộc tính animation-delay:

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