Rumah > Artikel > hujung hadapan web > Animasikan sifat atas padding CSS
Animasikan sifat atas padding CSS
- PHPzke hadapan
- 2023-08-29 14:57:02752semak imbas
Untuk menganimasikan pada sifat padding-top menggunakan CSS, anda boleh cuba menjalankan kod berikut -
Contoh
Live Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 350px;
height: 150px;
outline: 3px solid maroon;
animation: myanim 3s infinite;
}
@keyframes myanim {
30% {
padding-top: 60px;
}
}
</style>
</head>
<body>
<h1>CSS padding-top property</h1>
<div> </div>
</body>
</html>Atas ialah kandungan terperinci Animasikan sifat atas padding 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：Gunakan CSS untuk melaksanakan kesan animasi swingArtikel seterusnya：Gunakan CSS untuk melaksanakan kesan animasi swing