సిఎస్ఎస్ ఏనిమేషన్ అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

animation అంతర్జాతీయ అనిమేషన్ అనునాయితీ ఒక సరళ అనునాయితీ ఉంది, దీనివల్ల ఆరు అనిమేషన్ అనునాయితీలను అమర్చవచ్చు:

పరిశీలనా పదార్థం:ఎల్లప్పుడూ నియమించండి: animation-duration అంతకు ముందు ప్రత్యేకంగా అనునాయితీ కాదు అయితే సమయం 0 కాకపోతే అనిమేషన్ ప్లే చేయబడదు.

మరింత చూడండి:

CSS3 పాఠ్యక్రమంలోనికి వెళ్ళండి:CSS ఏనిమేషన్

HTML DOM పరికర పరిశీలన పుస్తకంలోనికి వెళ్ళండి: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-timing-function
animation-delay అనిమేషన్ ప్రారంభమునకు ముందు జరిపే పాటుపడుతున్న పాటుపడుతున్న సమయాన్ని నిర్ధారిస్తుంది.
animation-iteration-count అనిమేషన్ నడుస్తున్న సంఖ్యను నిర్ధారిస్తుంది.
animation-direction అనిమేషన్ నడుస్తున్న సమయం దాటి అనిమేషన్ కాన్నా వినియోగించబడే విలువను నిర్ధారిస్తుంది.
animation-fill-mode అనిమేషన్ నడుస్తున్న సమయం దాటి అనిమేషన్ కాన్నా వినియోగించబడే విలువను నిర్ధారిస్తుంది.
animation-play-state అనిమేషన్ నేరుగా నడుస్తున్నది లేదా స్థిరంగా ఉన్నది నిర్ధారిస్తుంది.

సాంకేతిక వివరాలు

మూల విలువ: none 0 ease 0 1 normal
పారంపర్యానికి సంబంధించినది: no
సంస్కరణ: సిఎస్ఎస్3
జావాస్క్రిప్ట్ సంకేతాలు: ఆబ్జెక్ట్.style.animation="mymove 5s infinite"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి.

క్రమంగా -webkit-、-moz- లేదా -o- అనే సంఖ్యలు ముందుగా ఉపయోగించబడుతున్న ప్రత్యేకతలను సూచిస్తాయి.

క్రోమ్ ఐఈ / ఎంజెల్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
క్రోమ్ ఎజెండా ఫైర్ఫాక్స్ సఫారీ ఓపెరా
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-