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

Tetapkan gaya CSS elemen apabila animasi tidak dimainkan

王林ke hadapan: 2023-09-08 19:13:02954semak imbas

设置动画未播放时元素的 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>

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!

css animation

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Kemahiran reka bentuk web dan perkongsian pengalaman praktikal berdasarkan CSS3Artikel seterusnya：Kemahiran reka bentuk web dan perkongsian pengalaman praktikal berdasarkan CSS3

Artikel berkaitan

Lihat lagi