Style animationDirection ਗੁਣ

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

animationDirection ਗੁਣ ਸੈਟ ਕਰਨ ਜਾਂ ਰਿਟਰਨ ਕਰਨ ਨਾਲ ਆਨੀਮੇਸ਼ਨ ਨੂੰ ਅਲਟਰਨੇਟਿਵ ਸਰਕਲ ਵਿੱਚ ਵਾਪਸੀ ਵਿੱਚ ਚਲਣਾ ਚਾਹੀਦਾ ਹੈ।

ਟਿੱਪਣੀ:ਜੇਕਰ ਆਨੀਮੇਸ਼ਨ ਇੱਕ ਵਾਰ ਸਿਰਫ ਚਲਣਾ ਚਾਹੀਦਾ ਹੈ ਤਾਂ ਇਹ ਗੁਣ ਨਿਸ਼ਾਨਿਤ ਹੋ ਜਾਵੇਗਾ。

ਉਦਾਹਰਣ

ਬਦਲੋ <div> ਵਸਤੂ ਦੇ animationDirection ਗੁਣ:

document.getElementById("myDIV").style.animationDirection = "reverse";

ਖੁਦ ਸਿਖਲਾਈ ਦਿਓ

ਗਰਮਟਕਸ

animationDirection ਗੁਣ ਰਿਟਰਨ ਕਰੋ:

ਆਬਜੈਕਟ.style.animationDirection

animationDirection ਗੁਣ ਸੈਟ ਕਰੋ:

ਆਬਜੈਕਟ.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਨਾਰਮਲ ਮੂਲ ਵੈਲਿਊ। ਆਨੀਮੇਸ਼ਨ ਨਾਰਮਲ ਤਰੀਕੇ ਨਾਲ ਚਲਣਾ ਚਾਹੀਦਾ ਹੈ。
reverse ਆਨੀਮੇਸ਼ਨ ਵਾਪਸੀ ਵਿੱਚ ਚਲਣਾ ਚਾਹੀਦਾ ਹੈ。
alternate ਆਨੀਮੇਸ਼ਨ ਹਰ ਗੁਣਵੱਤਾ ਵਿੱਚ ਪ੍ਰਵਾਹ ਵਿੱਚ ਚਲੇਗੀ (1, 3, 5 ਆਦਿ) ਅਤੇ ਹਰ ਗੁਣਵੱਤਾ ਵਿੱਚ ਵਾਪਸੀ ਵਿੱਚ ਚਲੇਗੀ (2, 4, 6 ਆਦਿ ...)。
alternate-reverse ਆਨੀਮੇਸ਼ਨ ਹਰ ਗੁਣਵੱਤਾ ਵਿੱਚ ਵਾਪਸੀ ਵਿੱਚ ਚਲੇਗੀ (1, 3, 5 ਆਦਿ) ਅਤੇ ਹਰ ਗੁਣਵੱਤਾ ਵਿੱਚ ਪ੍ਰਵਾਹ (2, 4, 6 ਆਦਿ ...) ਚਲੇਗੀ。
ਇਨੀਸ਼ਲ ਇਹ ਗੁਣ ਇਸ ਦੇ ਮੂਲ ਵੈਲਿਊ ਨੂੰ ਸੈਟ ਕਰੋ। ਦੇਖੋ ਇਨੀਸ਼ਲ.
ਇਨਹੈਰਿਟ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਵਸਤੂ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਲੈ ਲੈਂਦੀ ਹੈ। ਦੇਖੋ ਇਨਹੈਰਿਟ.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਵੈਲਿਊ: ਨਾਰਮਲ
ਰਿਟਰਨ ਵੈਲਿਊ: ਸਟਰਿੰਗ ਹੈ ਜੋ ਵਸਤੂ ਦੀ animation-direction کی خاصیت.
CSS ਸੰਸਕਰਣ: CSS3

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

animationDirection ਇਹ ਕ੍ਰਿਸਟਲ ਸਕ੍ਰੀਨ (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

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

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

متعلقہ صفحات

CSS مرجع دستاویز:animation-direction کی خاصیت