سی ای ایس آنیمیشن ڈائریکشن اٹربریٹی

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

animation-direction ਅਨੀਮੇਸ਼ਨ ਨੂੰ ਚਾਰਾਹਦੇ ਵਿਰੁੱਧ ਰਵਾਇਤੀ ਢੰਗ ਨਾਲ ਚਲਾਉਣ ਦੀ ਨਿਸ਼ਚਿਤਤਾ ਕਰਨਾ ਚਾਹੀਦੇ ਹਨ ਕਿ ਨਹੀਂ?

ਜੇਕਰ animation-direction ਦੀ ਕੀਮਤ “alternate“ alternate” ਦੀ ਕੀਮਤ ਹੋਵੇ ਤਾਂ ਅਨੀਮੇਸ਼ਨ ਵਿੱਚ ਵਿਰੁੱਧ ਰਵਾਇਤੀ ਢੰਗ ਨਾਲ ਚਲਦੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ ਅਤੇ ਅਸਮਾਨ ਵਿੱਚ ਚਲਦੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ।

ਟਿੱਪਣੀ:ਜੇਕਰ ਅਨੀਮੇਸ਼ਨ ਨੂੰ ਇੱਕ ਵਾਰ ਹੀ ਚਲਾਉਣ ਦਾ ਸੰਕੇਤ ਦਿੱਤਾ ਜਾਵੇ ਤਾਂ ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਨਹੀਂ ਹੁੰਦੀ。

ਹੋਰ ਦੇਖੋ:

CSS3 ਸਿੱਖਿਆ ਦਸਤਾਵੇਜ਼:CSS ਐਨੀਮੇਸ਼ਨ

HTML DOM ਹਵਾਲਾ ਦਸਤਾਵੇਜ਼:animationDirection ਵਿਸ਼ੇਸ਼ਤਾ

ਉਦਾਹਰਣ

ਅਨੀਮੇਸ਼ਨ ਰੁਕਾਓ:

div {
  animation-direction: alternate;
}

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

CSS ਗਰੰਥਕਤਾ

animation-direction: normal|alternate;
ਕੀਮਤ ਵਰਣਨ ਟੈਸਟ
normal ਮੂਲਤਵੀ ਕੀਮਤ।ਅਨੀਮੇਸ਼ਨ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਦੇ ਮੁੱਦੇ ਵਿੱਚ ਚਲਦੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ。 ਟੈਸਟ
alternate ਅਨੀਮੇਸ਼ਨ ਚਾਰਾਹਦੇ ਵਿਰੁੱਧ ਰਵਾਇਤੀ ਢੰਗ ਨਾਲ ਚਲਦੇ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ。 ਟੈਸਟ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਵੀ ਕੀਮਤ: normal
ਵਿਰਾਸਤੀਕਰਣਸ਼ੀਲਤਾ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਗਰੰਥਕਤਾ: object.style.animationDirection="alternate"

ਬਰਾਉਜ਼ਰ ਦੀ ਸਮਰੱਥਾ

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
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-