Rumah > Artikel > hujung hadapan web > Sifat CSS yang manakah digunakan untuk menetapkan lengkung kelajuan animasi?
Sifat CSS yang manakah digunakan untuk menetapkan lengkung kelajuan animasi?
- PHPzke hadapan
- 2023-09-05 15:29:061418semak imbas
Gunakan fungsi pemasaan-animasi untuk menetapkan lengkung kelajuan animasi. Anda boleh cuba menjalankan kod berikut untuk menyediakan kesan animasi yang mudah dan mudah masuk:
Contoh
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 Sifat CSS yang manakah digunakan untuk menetapkan lengkung kelajuan animasi?. 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：Ratakan kedalaman warna menggunakan CSSArtikel seterusnya：Ratakan kedalaman warna menggunakan CSS