CSS animation-duration అట్రిబ్యూట్
- పూర్వ పేజీ animation-direction
- తదుపరి పేజీ animation-fill-mode
నిర్వచన మరియు వినియోగం
animation-duration అనిమేషన్ ఒక సరళిని పూర్తి చేయడానికి అవసరమైన సమయాన్ని సెకన్లు లేదా మిల్లీసెకన్లు గా నిర్ణయిస్తుంది。
మరింత చూడండి:
CSS3 శిక్షణ పుస్తకం:CSS అనిమేషన్
HTML DOM సందర్భాల పరిశీలన పుస్తకం:animationDuration అనిమేషన్ లక్షణం
ఉదాహరణ
@keyframes అనిమేషన్ కు పేరును నిర్ణయించండి:
div {
animation-duration: 3s;
}
CSS సంకేతాలు
animation-duration: time;
| విలువ | వివరణ |
|---|---|
| time | అనిమేషన్ పూర్తి అయ్యే సమయాన్ని నిర్ణయిస్తుంది. అప్రమేయ విలువ అయిన 0 అనిమేషన్ ప్రభావం లేదా కనిపించదు. |
సాంకేతిక వివరాలు
| అప్రమేయ విలువ: | 0 |
|---|---|
| పారంపర్యం కారకత్వం: | no |
| సంచిక సంఖ్య: | CSS3 |
| JavaScript సంకేతాలు: | object.style.animationDuration="3s" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఆ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంచికను సూచిస్తాయి。
దానిలో -webkit-、-moz- లేదా -o- తో కలిపిన సంఖ్యలు ప్రారంభ సంచికలో ప్రయోగించబడుతున్న ప్రత్యేక ప్రత్యేకించిన సంచికలను సూచిస్తాయి。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 43.0 3.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
- పూర్వ పేజీ animation-direction
- తదుపరి పేజీ animation-fill-mode
