Rumah > Artikel > hujung hadapan web > Menganimasikan harta margin bawah CSS
Menganimasikan harta margin bawah CSS
- PHPzke hadapan
- 2023-08-26 08:29:091140semak imbas
Untuk menghidupkan sifat margin bawah dalam CSS, anda boleh cuba menjalankan kod berikut
Contoh
Demo dalam talian
<!DOCTYPE html>
<html>
<head>
<style>
p {
animation: mymove 3s infinite;
margin-bottom: 20px;
}
@keyframes mymove {
70% {
margin-bottom: 60px;
}
}
</style>
</head>
<body>
<p>This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
This is demo text! This is demo text! This is demo text!
</p>
<p>This is demo text 2!</p>
</body>
</html>Atas ialah kandungan terperinci Menganimasikan harta margin bawah 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：Buat bayang-bayang jatuh menggunakan CSSArtikel seterusnya：Buat bayang-bayang jatuh menggunakan CSS