Mafanikio ya animation-name ya CSS

定义和用法

animation-name 属性为 @keyframes 动画规定名称。

注释：请始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。

Tafadhali tazama:

Mwongozo wa CSS3:Sauti ya CSS

Mwongozo wa HTML DOM:animationName Chaguo cha kina

Mifano

Inaangalia kwa kuingia kina ya jina ya @keyframes kwa sababu ya kina ya uharibifu:

div
{
animation:mymove 5s infinite;
}

Inafanya kwa mbinu yako

Inasababisha lugha ya CSS:

animation-name: keyframename|none;

Chaguo cha kina

Inaangalia Inasababisha
keyframename Inaangalia kwa kuingia kina ya jina ya keyframe inayotumika kwenye chaguo.
Hakuna Inaangalia kwa ukosema kina ya uharibifu (inaendelea kutoka kwenye kina kina cha kina).

Mafanikio ya teknolojia

Chaguo cha kuzingatia: Hakuna
Uangalifu: Hakuna
Mwaka: CSS3
Inasababisha lugha ya JavaScript: object.style.animationName="mymove"

Kukimbia kwa kina

Inaonyesha namba za tabia za kwanza zilizosababisha kufikia kina kwa sababu ya kina hali ya huzuni.

Vifungua -webkit-、-moz- au -o- inamani ya kwanza ya kusababisha kufikia msingi.

Chrome 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-