CSS animation Attribute

การใช้งานและการเรียกใช้

animation คุณสมบัติเรียกย่อคือ คุณสมบัติที่ใช้ตั้งค่าหกคุณสมบัติการอนุรักษ์:

หมายเหตุ:เลือกตั้งตลอดเวลา animation-duration ตั้งค่าโครงการบทบาท หรือจะหยุดเล่นวิดีโอ

ดูเพิ่มเติม:

สอน CSS3:Animation ng CSS

HTML DOM มาตราฐานเฮฟาย์:animation attribute

Halimbawa

Gamitin ang maikling atributo upang i-bind ang animation sa elemento na may pangalan na div:

div
{
animation:mymove 5s infinite;
}

Subukan ang iyong sarili

Grammar ng CSS

animation: name duration timing-function delay iteration-count direction;
Halaga Paglalarawan
animation-name Tinutukoy ang pangalan ng keyframe na dapat ibindihin sa selector.
animation-duration Tinutukoy ang oras na kinakailangan para tapusin ang animation, sa anyo ng segundo o milisegundo.
animation-timing-function Tinutukoy ang kurva ng bilis ng animation.
animation-delay Tinutukoy ang pagkaantala bago ang animation magsisimula.
animation-iteration-count Tinutukoy kung gaano kadalas ang animation ay dapat ipalabas.
animation-direction Tinutukoy kung dapat ba ilililipat ang animation sa pagitan ng normal at pabalik na pagpapalipat.
animation-fill-mode Tinutukoy ang halaga na naaangkop sa panahon ng pagpapatupad ng animation.
animation-play-state Tinutukoy kung ang animation ay nagsisimula o pinahinto.

Detalye ng Teknolohiya

Default Value: none 0 ease 0 1 normal
Inheritance: no
Bersyon: CSS3
Grammar ng JavaScript: object.style.animation="mymove 5s infinite"

Suporta ng Browser

Ang numero sa talahanayan ay nagpapahiwatig ng pinakamaagang bersyon ng browser na nagbibigay ng buong suporta sa katangian.

Ang numero na may -webkit-、-moz- o -o- ay nangangahulugang ang unang bersyon na ginamit ang awit.

Chrome IE / Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-