CSS นิเมชั่น
ความหมายและการใช้งาน
บางคุณสมบัติ CSS สามารถเคลื่อนไหวซึ่งหมายความว่าพวกเขาจะสามารถใช้ในการเคลื่อนไหวและการเปลี่ยน
คุณสมบัตินิเมชั่นที่สามารถเปลี่ยนแปลงได้เรื่อย ๆ จากค่าหนึ่งไปยังอีกเช่นขนาดจำนวนและร้อยละของสี
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์ครั้งแรกเพื่อรองรับจำนวนวิธีรุ่น
ทันทีหลังจากที่จำนวน -webkit-, -moz- หรือ -o- ระบุเบราเซอร์แรกที่สนับสนุนรุ่นนี้คำนำหน้าแอตทริบิวต์
4.0 -webkit- | 10.0 | 16.0 5.0 -moz- | 4.0 -webkit- | 15.0 -webkit- 12.1 12.0 -o- |
ตัวอย่าง
สีพื้นหลังค่อยๆเปลี่ยนจากสีแดงเป็นสีฟ้า:
@keyframes mymove
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
{
from {background-color:red;}
to {left:blue;}
}
/*Safari 和 Chrome:*/
@-webkit-keyframes mymove
{
from {background-color:red;}
to {background-color:blue;}
}
ลอง»
คุณสมบัตินิเมชั่น
คุณสมบัติ CSS ภาพเคลื่อนไหว: