Sifat kelewatan animasi CSS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2023-08-28 11:21:06

ke hadapan

1002 orang telah melayarinya

CSS 动画延迟属性

Gunakan sifat animation-delay untuk menetapkan kelewatan untuk permulaan animasi melalui CSS.

Anda boleh cuba menjalankan kod berikut untuk melaksanakan sifat animation-delay -

Contoh

Live Demo

<!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>
   <body>
      <div></div>
   </body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Sifat kelewatan animasi CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel sebelumnya：Menetapkan berapa kali animasi harus dijalankan menggunakan CSS Artikel seterusnya：Bagaimana untuk menambah dan mengalih keluar kelas CSS kepada elemen menggunakan jQuery?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang