Gunakan sifat animation-iteration-countuntuk menetapkan bilangan kali animasi harus dimainkan melalui CSS
Demo langsung
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
position: relative;
background-color: yellow;
animation-name: myanim;
animation-duration: 2s;
animation-direction: alternate-reverse;
animation-iteration-count: 3;
}
@keyframes myanim {
from {left: 100px;}
to {left: 200px;}
}
#demo1 {animation-timing-function: ease;}
#demo2 {animation-timing-function: ease-in;}
</style>
</head>
<body>
<div id = "demo1">ease effect</div>
<div id = "demo2">ease-in effect</div>
</body>
</html>Atas ialah kandungan terperinci Gunakan CSS untuk menetapkan masa main balik animasi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk memulihkan video yang telah dialih keluar secara rasmi daripada Douyin
js untuk menjana nombor rawak
Berapa tinggi Ethereum akan pergi?
Bagaimana untuk memulihkan fail yang dipadam pada komputer
Berapa tahun anda perlu membayar insurans perubatan untuk menikmati insurans perubatan sepanjang hayat?
Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input
Apakah yang perlu saya lakukan jika huruf Inggeris muncul apabila komputer dihidupkan dan komputer tidak boleh dihidupkan?
Bagaimana untuk membuat wifi maya dalam win7
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
