masyarakat

Belajar

Perpustakaan Alatan

Alat AI

Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial css > Tetapkan gaya CSS elemen apabila animasi tidak dimainkan

Tetapkan gaya CSS elemen apabila animasi tidak dimainkan

王林

Lepaskan： 2023-09-08 19:13:02

ke hadapan

1037 orang telah melayarinya

设置动画未播放时元素的 CSS 样式

Gunakan atribut mod-isi-animasi untuk menetapkan gaya elemen apabila animasi tidak dimainkan

Contoh

Demonstrasi langsung

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 200px;
            position: relative;
            background: red;
            animation-name: myanim;
            animation-duration: 2s;
            animation-fill-mode: backwards;
         }
         @keyframes myanim {
            from {left: 0px; background-color: green;}
            to {left: 200px; background-color: blue;}
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Tetapkan gaya CSS elemen apabila animasi tidak dimainkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel sebelumnya：Kemahiran reka bentuk web dan perkongsian pengalaman praktikal berdasarkan CSS3 Artikel seterusnya：Bagaimana untuk menggunakan ciri fleksibel CSS3 untuk mengoptimumkan kesan susun atur halaman web?

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