Style animationFillMode ਵਿਸ਼ੇਸ਼ਤਾ
- پچھلے صفحے animationDuration
- آئندہ صفحہ animationIterationCount
- ایک سطح اوپر واپس ایچ تی ام ال ڈوم اسٹائل آؤٹ پائنٹ
ਵਿਵਰਣ ਅਤੇ ਵਰਤੋਂ
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 کی خصوصیت
- پچھلے صفحے animationDuration
- آئندہ صفحہ animationIterationCount
- ایک سطح اوپر واپس ایچ تی ام ال ڈوم اسٹائل آؤٹ پائنٹ