Rumah > Artikel > hujung hadapan web > Tetapkan sifat trengkas untuk semua sifat animasi menggunakan CSS

Tetapkan sifat trengkas untuk semua sifat animasi menggunakan CSS

WBOYke hadapan: 2023-09-18 09:49:021154semak imbas

使用 CSS 设置所有动画属性的简写属性

Harta trengkas untuk menetapkan semua sifat animasi ialah animasi. Ia menetapkan tempoh animasi, nama animasi, dsb.

Anda boleh cuba menjalankan kod berikut untuk menggunakan atribut trengkas animasi:

Contoh

Demo Langsung

<!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>

Atas ialah kandungan terperinci Tetapkan sifat trengkas untuk semua sifat animasi menggunakan CSS. 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：Buat skrin pemuatan lanjutan menggunakan CSSArtikel seterusnya：Buat skrin pemuatan lanjutan menggunakan CSS

Artikel berkaitan

Lihat lagi