Gunakan fungsi pemasaan-animasi untuk menetapkan lengkung kelajuan animasi. Anda boleh cuba menjalankan kod berikut untuk menyediakan kesan animasi yang mudah dan mudah masuk:
<!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 Sifat CSS yang manakah digunakan untuk menetapkan lengkung kelajuan animasi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk menyambung ke pangkalan data dalam vb
Bagaimana untuk membuka panel kawalan win11
kunci vs2010
Aliran pasaran mata wang riak
Apakah pengoptimuman topologi
Bagaimana untuk menyelesaikan masalah yang tomcat tidak dapat memaparkan halaman
Kaedah BigDecimal untuk membandingkan saiz
Padam medan jadual
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
