Style animationDuration ਵਿਸ਼ੇਸ਼ਤਾ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

animationDuration ਐਨੀਮੇਸ਼ਨ ਇੱਕ ਚੱਕਰ ਪੂਰਾ ਕਰਨ ਲਈ ਸਕਿੰਟ ਜਾਂ ਮਿਲੀਸਕਿੰਟ ਦਿਸਦਾ ਹੈ。

ਇੱਕ ਦੇਖੋ

<div> ਇਲਾਕੇ ਦੇ animationDuration ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਬਦਲੋ:

document.getElementById("myDIV").style.animationDuration = "3s";

ਸਵੈ ਸਿਖਲਾਈ ਦੇਖੋ

ਗਰੰਥ

animationDuration ਵਿਸ਼ੇਸ਼ਤਾ ਰਤਨ ਮੁੱਲ ਦਿਸਦਾ ਹੈ:

object.style.animationDuration

animationDuration ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

object.style.animationDuration = "ਸਮਾਂ|initial|inherit"

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਸਮਾਂ ਪ੍ਰੋਗਰਾਮ ਮੁੱਲ ਨੂੰ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਪੂਰਾ ਕਰਨ ਲਈ ਲੰਬਾਈ ਨੂੰ ਦਿਸਦਾ ਹੈ। ਮੂਲ ਮੁੱਲ 0 ਹੈ ਜੋ ਕਿ ਕੋਈ ਐਨੀਮੇਸ਼ਨ ਨਹੀਂ ਦਰਸਾਉਂਦਾ ਹੈ。
initial ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial。
inherit ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਇਲਾਕੇ ਤੋਂ ਉਲਟ ਕਰੋ। ਦੇਖੋ inherit。

ਤਕਨੀਕੀ ਵੇਰਵਾ

ਮੂਲ ਮੁੱਲ: 0
ਰਤਨ ਮੁੱਲ: ਸਟਰਿੰਗ ਜਿਸ ਨੂੰ ਇਲਾਕੇ ਦਿਸਦਾ ਹੈ animation-duration ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿਸ਼ੇਸ਼ਤਾ。
ਕ੍ਰਿਮਸੀ ਵਰਜਨ: ਕ੍ਰਿਮਸੀ 3

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

animationDuration ਇਹ ਕ੍ਰਿਮਸੀ 3 (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

ਚਰਮੋਇਲ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਚਰਮੋਇਲ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ IE
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ 11

ਸਬੰਧਤ ਪੰਨੇ

CSS ਪਰਿਭਾਸ਼ਾਮੂਲਕ ਪੁਸਤਕਾਲਾਂਦਾ:animation-duration ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਿਸ਼ੇਸ਼ਤਾ