سی ایس ایس آنیمیشن خصوصیت
- ਪਿਛਲਾ ਪੰਨਾ all
- ਅਗਲਾ ਪੰਨਾ animation-delay
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
animation
ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਸ਼ਾਰਟਕੈਟ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਜੋ ਛੇ ਐਨੀਮੇਸ਼ਨ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਸੁਝਾਅ ਦਿੰਦੀ ਹੈ:
- ਵਰਣਨ
- ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਸ ਕੀਫਿਊਮ ਨਾਲ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਬਾਂਧਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ。
- ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਕਿੰਨੀ ਸਮੇਂ ਵਿੱਚ ਪੂਰਾ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ, ਸੈਕੰਡ ਜਾਂ ਮਿਲੀਸੈਕੰਡ ਵਿੱਚ。
- animation-delay
- animation-iteration-count
- animation-direction
ਟਿੱਪਣੀ:ਹਮੇਸ਼ਾ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰੋ: ਇਹ ਗੁਣ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਸ ਕੀਫਿਊਮ ਨਾਲ ਆਨਿਮੇਸ਼ਨ ਨੂੰ ਬਾਂਧਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ。 ਵਿਸ਼ੇਸ਼ਤਾ, ਅਜਿਹਾ ਤਾਂ ਕ੍ਰਮਵਾਰਤਾ 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- |
- ਪਿਛਲਾ ਪੰਨਾ all
- ਅਗਲਾ ਪੰਨਾ animation-delay