Rumah >hujung hadapan web >tutorial css >Tetapkan tempoh masa yang diambil untuk animasi melengkapkan kitaran menggunakan CSS
Tetapkan tempoh masa yang diambil untuk animasi melengkapkan kitaran menggunakan CSS
- 王林ke hadapan
- 2023-09-21 09:29:08732semak imbas
Gunakan sifat animation-duration untuk menetapkan masa yang diperlukan untuk animasi melengkapkan kitaran: #🎜 🎜##🎜 🎜#Contoh
Demonstrasi Dalam Talian
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
position: relative;
background: red;
animation-name: myanim;
animation-duration: 2s;
}
@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 tempoh masa yang diambil untuk animasi melengkapkan kitaran menggunakan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Menggunakan CSS hanya untuk FirefoxArtikel seterusnya：Menggunakan CSS hanya untuk Firefox