Rumah >hujung hadapan web >tutorial css >Laksanakan animasi pada lebar maksimum CSS
Laksanakan animasi pada lebar maksimum CSS
- WBOYke hadapan
- 2023-08-26 20:09:06888semak imbas
Untuk menganimasikan sifat lebar maksimum menggunakan CSS, anda boleh cuba menjalankan kod berikut
Contoh
Demo langsung
<!DOCTYPE html>
<html>
<head>
<style>
div {
overflow: auto;
background-color: blue;
color: white;
border: 1px solid black;
animation: myanim 3s;
}
@keyframes myanim {
30% {
max-width: 250px;
}
}
</style>
</head>
<body>
<h1>Example of max-width</h1>
<div>
<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.
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>
</div>
</body>
</html>Atas ialah kandungan terperinci Laksanakan animasi pada lebar maksimum 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：Apakah fungsi saluran warna dalam Less?Artikel seterusnya：Apakah fungsi saluran warna dalam Less?