Style animation ਵਿਸ਼ੇਸ਼ਤਾ

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

animation ਵਿਸ਼ੇਸ਼ਤਾ ਛੇ ਐਨੀਮੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਸ਼ਾਰਟਨੇਮ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ:

ਨੋਟ:ਹਮੇਸ਼ਾ ਨਿਰਦੇਸ਼ਿਤ ਕਰੋ animationDuration ਵਿਸ਼ੇਸ਼ਤਾਨਹੀਂ ਤਾਂ ਟਾਈਮ ਲਾਗੂ ਕੀਤੀ ਜਾਵੇਗੀ ਅਤੇ ਕਦੇ ਚਲਦਾ ਨਹੀਂ ਹੋਵੇਗਾ。

ਮਾਡਲ

ਵਰਤੋਂ ਸ਼ਾਰਟਨੇਮ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ <div> ਇਲੈਕਟ੍ਰੌਨਿਕ ਵਸਤੂ ਦਾ ਐਨੀਮੇਸ਼ਨ ਬਦਲਣਾ:

document.getElementById("myDIV").style.animation = "mynewmove 4s 2";

ਖੁਦ ਮੱਠਾ ਕਰੋ

ਗਣਤਰ

animation ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਪਸ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ:

object.style.animation

animation ਪ੍ਰਤੀਯੋਗਿਤਾ ਸੈਟ ਕਰੋ:

object.style.animation = "name duration timingFunction delay iterationCount direction fillMode playState"

"

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ ਮੁੱਲ
ਵਰਣਨ animationName
ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਕਿਤਨੀ ਸਮੇਂ ਲਗਾਉਣਾ ਹੈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ ਜਾਂ ਮਿਲੀਸੈਕੰਡ ਵਿੱਚ。 animationDuration
ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਗਤੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。 animationTimingFunction
animationDelay ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸ਼ੁਰੂ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਦੇਰੀ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
animationIterationCount ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਕਿਤਨੀ ਵਾਰ ਚਲਾਉਣਾ ਹੈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
animationDirection ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਬਦਲੇ ਵਿੱਚ ਵਾਪਸ ਚਲਾਉਣ ਵਾਲਾ ਹੈ ਜਾਂ ਨਹੀਂ ਹੈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
animationFillMode ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਮੇਂ ਬਾਹਰ ਲਾਗੂ ਕਰਨ ਵਾਲੇ ਮੁੱਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
animationPlayState ਇਹ ਪ੍ਰਤੀਯੋਗਿਤਾ ਚਲ ਰਹੀ ਹੈ ਜਾਂ ਰੁਕੀ ਹੈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ。
initial ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial.
inherit ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਇਲੈਕਟਰੋਨ ਤੋਂ ਇਨਹੈਰਿਟ ਕਰੋ। ਦੇਖੋ inherit.

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: none 0 ease 0 1 normal none running
ਵਾਪਸ ਦਿੱਤਾ ਗਿਆ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਇਲੈਕਟਰੋਨ ਦੀ animation ਪ੍ਰਤੀਯੋਗਿਤਾ.
CSS ਵਰਜਨ: CSS3

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

animation ਇਹ CSS3 (1999) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ।

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

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

ਸਬੰਧਤ ਪੰਨੇ

CSS ਪ੍ਰਸਤਾਵਨਾ ਮੈਨੂਅਲ:animation ਪ੍ਰਤੀਯੋਗਿਤਾ