Kesan animasi dalam CSS

Animasi ialah proses mencipta kesan gerakan dan menukar rupa. CSS menyokong kesan animasi yang berbeza untuk menukar gerakan acara.

Di bawah Animasi, terdapat konsep Keyframes yang digunakan. Kerangka utama akan mengawal langkah animasi perantaraan dalam CSS3.

Contoh di bawah memaparkan ketinggian, lebar, warna, nama dan tempoh animasi menggunakan sintaks kerangka utama -

Syntax

@keyframes animation {
   from {background-color: pink;}
   to {background-color: green;}
}

div {
   width: 100px;
   height: 100px;
   background-color: red;
   animation-name: animation;
   animation-duration: 5s;
}

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