سی ایس ایس آنیمیشن خصوصیت

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

animation ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਸ਼ਾਰਟਕੈਟ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਜੋ ਛੇ ਐਨੀਮੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਸੁਝਾਅ ਦਿੰਦੀ ਹੈ:

ਟਿੱਪਣੀ:ਹਮੇਸ਼ਾ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰੋ: ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਸ ਕੀਫਿਊਮ ਨਾਲ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਬਾਂਧਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ。 ਵਿਸ਼ੇਸ਼ਤਾ, ਅਜਿਹਾ ਤਾਂ ਕ੍ਰਮਵਾਰਤਾ 0 ਹੋਵੇਗੀ, ਨਾ ਤਾਂ ਐਨੀਮੇਸ਼ਨ ਚਲੇਗਾ。

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆ:CSS ਐਨੀਮੇਸ਼ਨ

HTML DOM ਪੁਸਤਕਾਤਮਕ:animation 属性

animation ਗੁਣ

ਇੰਸਟੈਂਸ

ਸਰਲ ਗੁਣ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਆਨਿਮੇਸ਼ਨ ਨੂੰ div ਐਲੀਮੈਂਟ ਨਾਲ ਬਾਂਧੋ:
div
{
animation:mymove 5s infinite;

}

ਆਪਣੇ ਆਪ ਦੋਹਰਾਓ

CSS ਗਰੰਥ animation: name duration timing-function delay iteration-countdirection
; ਮੁੱਲ
ਵਰਣਨ animation-name
ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਸ ਕੀਫਿਊਮ ਨਾਲ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਬਾਂਧਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ。 animation-duration
ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਕਿੰਨੀ ਸਮੇਂ ਵਿੱਚ ਪੂਰਾ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਸੈਕੰਡ ਜਾਂ ਮਿਲੀਸੈਕੰਡ ਵਿੱਚ。 animation-timing-function
animation-delay ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਆਨਿਮੇਸ਼ਨ ਸ਼ੁਰੂ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਦੇਰੀ ਕਿਵੇਂ ਦਿੱਤੀ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ。
animation-iteration-count ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਕਿੰਨੀ ਵਾਰ ਚਲਾਉਣਾ ਚਾਹੀਦਾ ਹੈ。
animation-direction ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਸਰਲੀਕਰਣ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਨਹੀਂ。
animation-fill-mode ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਆਨਿਮੇਸ਼ਨ ਦੇ ਚਲਣ ਵਾਲੇ ਸਮੇਂ ਬਾਹਰ ਵਰਤਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਨਹੀਂ。
animation-play-state ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਆਨਿਮੇਸ਼ਨ ਚਲ ਰਿਹਾ ਹੈ ਜਾਂ ਰੁਕਿਆ ਹੈ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: none 0 ease 0 1 normal
ਵਿਰਾਸਤੀਕਰਣ: no
ਸੰਸਕਰਣ: CSS3
ਜਾਵਾਸਕ੍ਰਿਪਟ ਗਰੰਥ ਆਬਜੈਕਟ.style.animation="mymove 5s infinite"

ਬਰਾਉਜਰ ਸਮਰਥਨ

ਸਪਰਧਾ ਵਿੱਚ ਨੰਬਰ ਇਹ ਪਹਿਲਾ ਬਰਾਉਜ਼ਰ ਹੈ ਜਿਸ ਨੇ ਇਸ ਗੁਣ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦਿੱਤਾ ਹੈ。

ਨੰਬਰ ਦੇ ਨਾਲ -webkit-、-moz- ਜਾਂ -o- ਦੇ ਨਾਲ ਸੰਖਿਆ ਪਹਿਲੀ ਸੰਸਕਰਣ ਵਿੱਚ ਪ੍ਰਯੋਗ ਵਾਲੇ ਪ੍ਰਿਫਿਕਸ ਦਿੱਤੇ ਗਏ ਹਨ。

ਕਰੋਮ ਆਈਈ / ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਕਰੋਮ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
43.0
4.0 -webkit-
10.0 16.0
5.0 -moz-
9.0
4.0 -webkit-
30.0
15.0 -webkit-
12.0 -o-