Style animationFillMode ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ

animationFillMode ਵਿਸ਼ੇਸ਼ਤਾ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾ ਚਲਾਉਣ ਤੇ (ਆਨਿਮੇਸ਼ਨ ਦੇ ਅੰਤ ਜਾਂ 'ਦੇਰੀ' ਹੋਣ ਤੇ) ਪੈਮਾਨੇ 'ਚ ਲਾਗੂ ਕਰਦੀ ਹੈ。

ਮੂਲ ਰੂਪ ਵਿੱਚ, CSS ਆਨਿਮੇਸ਼ਨ 'play' ਪਹਿਲੇ ਕੀਮਾਤ ਤੋਂ ਚਲਾਉਣ ਤੋਂ ਪਹਿਲਾਂ ਚਲਾਉਣ ਵਾਲੇ ਪੈਮਾਨੇ 'ਚ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਕਰਦੀ, ਫਿਰ ਆਖਰੀ ਕੀਮਾਤ ਮੁਕੰਮਲ ਹੋਣ ਤੋਂ ਬਾਅਦ ਪ੍ਰਭਾਵ ਖ਼ਤਮ ਕਰ ਦਿੰਦੀ ਹੈ。animationFillMode ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਵਿਵਹਾਰ ਨੂੰ ਓਵਰਰਾਇਡ ਕਰ ਸਕਦੀ ਹੈ。

ਉਦਾਹਰਣ

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

document.getElementById("myDIV").style.animationFillMode = "forwards";

ਖ਼ੁਦ ਦੋਹਰਾਓ

ਗਰੰਥ

animationFillMode ਵਿਸ਼ੇਸ਼ਤਾ ਰਿਟਰਨ ਕਰੋ:

object.style.animationFillMode

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

object.style.animationFillMode = "none|forwards|backwards|both|initial|inherit"

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

ਮੁੱਲ ਵਰਣਨ
none ਮੂਲ ਮੁੱਲ। ਆਨਿਮੇਸ਼ਨ ਸ਼ੁਰੂ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਜਾਂ ਅੰਤ ਵਿੱਚ ਟੀਚੇ ਉੱਤੇ ਕੋਈ ਸਟਾਈਲ ਲਾਗੂ ਨਹੀਂ ਕਰੇਗਾ。
forwards ਆਨਿਮੇਸ਼ਨ ਦੇ ਅੰਤ ਤੋਂ ਬਾਅਦ (animation-iteration-count ਦੁਆਰਾ ਨਿਰਧਾਰਿਤ), ਆਨਿਮੇਸ਼ਨ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਨੂੰ ਅੰਤ ਵਿੱਚ ਲਾਗੂ ਕਰੇਗਾ。
backwards

animation-delay ਨਾਲ ਨਿਰਧਾਰਿਤ ਸਮੇਂ ਵਿੱਚ, ਆਨਿਮੇਸ਼ਨ ਪਹਿਲੇ ਕੀਮਾਤ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ ਲਾਗੂ ਕਰੇਗਾ, ਜਿਸ ਨਾਲ ਆਨਿਮੇਸ਼ਨ ਦਾ ਪਹਿਲਾ ਚੱਕਰ ਸ਼ੁਰੂ ਹੋਵੇਗਾ。

ਇਹ ਮੁੱਲ ਕੀਮਾਤ ਕੀਮਾਤਾਂ (ਜਦੋਂ ਆਨਿਮੇਸ਼ਨ ਦਿਸ਼ਾ 'normal' ਜਾਂ 'alternate' ਹੋਵੇ) ਜਾਂ ਕੀਮਾਤਾਂ ਤੱਕ (ਜਦੋਂ ਆਨਿਮੇਸ਼ਨ ਦਿਸ਼ਾ 'reverse' ਜਾਂ 'alternate-reverse' ਹੋਵੇ) ਹਨ。

both ਆਨਿਮੇਸ਼ਨ ਫਿਲ ਮੋਡ ਇਨ ਅਲਰਟ ਅਤੇ ਬੈਕਵਰਸ ਰੂਲਾਂ ਦੀ ਪਾਲਣ ਕਰਦੀ ਹੈ। ਯਾਨੀ, ਇਹ ਦੋ ਦਿਸ਼ਾਵਾਂ 'ਚ ਆਨਿਮੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਫੈਲਾਉਂਦੇ ਹਨ。
initial ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial
inherit ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਪੈਮਾਨੇ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਲੈ ਲੈਂਦੀ ਹੈ। ਦੇਖੋ inherit

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: none
ਰਿਟਰਨ ਵਾਲੀ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਪੈਮਾਨੇ ਦੇ animation-fill-mode کی خصوصیت
CSS ਵਰਜਨ: CSS3

ਬਰਾਊਜ਼ਰ ਸਪੋਰਟ

animationFillMode ਇਹ ਕ੍ਰਮਵਿਕਾਸ (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ।

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

ਚਰਮੋਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ IE
ਚਰਮੋਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ IE
ਸਪੋਰਟ ਸਪੋਰਟ ਸਪੋਰਟ ਸਪੋਰਟ ਸਪੋਰਟ 11

ਸਬੰਧਤ ਪੇਜਜ਼

CSS ਰੈਫਰੰਸ ਮੈਨੂਅਲ:animation-fill-mode کی خصوصیت