Mafaa ya Kifungu cha animation cha CSS

Ufafanuzi na matumizi

animation Inaingia katika sababu ya uadilifu, inasababisha saba ya uwanja wa animeshi:

Mafikira:Inafaa kuwa na mawasiliano yako animation-duration Inayotaka kwa sababu ya uadilifu, inaingia katika mawasiliano ya uwanja wa 0, hali inayotaka inasikia animeshi.

Tazama pia:

Makala ya CSS3:Tukio la CSS

Makala ya DOM ya HTML:animation 属性

实例

使用简写属性，将动画与 div 元素绑定：

div
{
animation:mymove 5s infinite;
}

亲自试一试

CSS 语法

animation: name duration timing-function delay iteration-count direction;
值 描述
animation-name 规定需要绑定到选择器的 keyframe 名称。
animation-duration 规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function 规定动画的速度曲线。
animation-delay 规定在动画开始之前的延迟。
animation-iteration-count 规定动画应该播放的次数。
animation-direction 规定是否应该轮流反向播放动画。
animation-fill-mode Inaonyesha ujumbe unaotumika kwenye muda wa kusahau.
animation-play-state Inaonyesha kwamba anayotumika kwa uharibifu au kumshinda matokeo wa uharibifu.

Maelezo ya mifano

Chaguo cha kuzingatia: none 0 ease 0 1 normal
Muasi: no
Versioni: CSS3
Inayotumika kwa KiJavaScript: object.style.animation="mymove 5s infinite"

Mawasiliano wa browser

Mifano ya namba kwenye tabia inaonyesha version ya kwanza ya kusahau ujumbe huo wa kina.

Mifano ya namba na -webkit-, -moz- au -o- inaonyesha version ya kwanza ya kuanzisha hifadhi.

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-