سی ایس ایس آنیمیشن-ڈیلی کیج اٹیبوت

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

animation-delay ਗੁਣ ਦਾ ਅਰਥ ਇਹ ਹੈ ਕਿ ਅਨੀਮੇਸ਼ਨ ਕਦੋਂ ਸ਼ੁਰੂ ਹੋਵੇਗਾ。

animation-delay ਮੁੱਲ ਸੈਕੰਡ ਜਾਂ ਮਿਲੀਸੈਕੰਡ ਦੇ ਰੂਪ ਵਿੱਚ ਹੁੰਦੇ ਹਨ。

ਸੁਝਾਅ:ਨੈਗਟਿਵ ਮੁੱਲ ਦੀ ਇਜਾਜ਼ਤ ਦਿੱਤੀ ਗਈ ਹੈ, -2s ਇਸ ਨੂੰ ਤੁਰੰਤ ਸ਼ੁਰੂ ਕਰੇਗਾ ਪਰ ਦੋ ਸੈਕੰਡ ਸਿਰਫ ਇਸ ਦੇ ਅੰਦਰ ਸ਼ਾਮਲ ਹੋਵੇਗਾ。

ਇਹ ਵੀ ਦੇਖੋ:

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

HTML DOM ਸੂਚਨਾਕ੍ਰਮ:animationDelay ਗੁਣ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਦੋ ਸੈਕੰਡ ਕਾਲ ਉਡੀਕ ਕਰੋ ਅਤੇ ਫਿਰ ਅਨੀਮੇਸ਼ਨ ਸ਼ੁਰੂ ਕਰੋ:

div {
  animation-delay: 2s;
}

ਖੁਦ ਮੈਂਡਰ ਸਕ

ਉਦਾਹਰਣ 2

ਨੈਗਟਿਵ ਮੁੱਲ, ਕਿਮਤੀ ਨਾਲ ਦੋ ਸੈਕੰਡ ਬਾਅਦ ਅਨੀਮੇਸ਼ਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਵਿੱਚ ਸ਼ਾਮਲ ਹੋਵੇਗਾ:

div {
  animation-delay: -2s;
}

ਖੁਦ ਮੈਂਡਰ ਸਕ

CSS ਗਰੁੱਪ

animation-delay: time;
ਮੁੱਲ ਵਰਣਨ ਟੈਸਟ
time ਵਿਕਲਪਿਤ।ਅਨੀਮੇਸ਼ਨ ਸ਼ੁਰੂ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ ਕਿਸਮਤ ਨੂੰ ਸੈਕੰਡ ਜਾਂ ਮਿਲੀਸੈਕੰਡ ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਧਾਰਿਤ ਕਰੋ।ਮੂਲਤਬੀ ਮੁੱਲ 0 ਹੈ。 ਟੈਸਟ

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲਤਬੀ ਮੁੱਲ: 0
ਵਿਰਾਸਤ: no
ਸੰਸਕਰਣ: CSS3
JavaScript ਗਰੁੱਪ object.style.animationDelay="2s"

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

ਸਾਰੇ ਬਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਇਸ ਲੋੜ ਵਾਲੀ ਪਹਿਲੀ ਸੰਸਕਰਣ ਦੀਆਂ ਸੰਖਿਆਵਾਂ ਤੇਜ਼ਾਬ ਚੁਣੀਆਂ ਗਈਆਂ ਹਨ。

ਪਹਿਲੀ ਸੰਸਕਰਣ ਵਿੱਚ -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-