Style transitionDuration ਪ੍ਰਤੀਭਾ
- ਪਿਛਲਾ ਪੰਨਾ transitionProperty
- ਅਗਲਾ ਪੰਨਾ transitionTimingFunction
- ਉੱਪਰੰਗਾਂ ਵਾਪਸ ਜਾਓ آبجکت HTML DOM Style
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
transitionDuration ਪ੍ਰਤੀਭਾ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸੀ ਕਰਨ ਲਈ ਕਿੰਨੇ ਸਕਿੰਟ (s) ਜਾਂ ਮਿਲੀਸਕਿੰਟ (ms) ਲਗਾਉਣਾ ਹੈ ਜੋ ਕਿ ਟ੍ਰਾਂਜ਼ੀਸ਼ਨ ਪ੍ਰਭਾਵ ਪੂਰਾ ਹੋਵੇ।
ਹੋਰ ਦੇਖੋ:
CSS ਸੰਦਰਭ ਪੁਸਤਕ:transition-duration ਪ੍ਰਤੀਭਾ
ਉਦਾਹਰਣ
ਟ੍ਰਾਂਜ਼ੀਸ਼ਨ ਪ੍ਰਭਾਵ ਨੂੰ ਤੇਜ਼ ਕਰੋ:
document.getElementById("myDIV").style.transitionDuration = "1s";
ਗਿਆਨਕ ਰੂਪ
transitionDuration ਪ੍ਰਤੀਭਾ ਵਾਪਸੀ ਕਰੋ:
object.style.transitionDuration
transitionDuration ਪ੍ਰਤੀਭਾ ਸੈਟ ਕਰੋ:
object.style.transitionDuration = "ਮਿਲੀਸਕਿੰਟ|initial|inherit"
ਪ੍ਰਤੀਭਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| ਮਿਲੀਸਕਿੰਟ | ਇਹ ਪ੍ਰਤੀਭਾ ਨੂੰ ਪਰਵਾਹ ਕਰਨ ਲਈ ਕਿੰਨੇ ਸਕਿੰਟ ਜਾਂ ਮਿਲੀਸਕਿੰਟ ਲਗਾਉਣਾ ਹੈ। ਮੂਲ ਮੁੱਲ 0 ਹੈ, ਜੋ ਕਿ ਕੋਈ ਪ੍ਰਭਾਵ ਨਹੀਂ ਦਰਸਾਉਂਦਾ ਹੈ。 |
| initial | ਇਸ ਪ੍ਰਤੀਭਾ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ initial. |
| inherit | ਇਸ ਪ੍ਰਤੀਭਾ ਨੂੰ ਆਪਣੇ ਮਾਤਾ ਤੱਤ ਤੋਂ ਉਧਾਰ ਲਈ ਹੈ। ਦੇਖੋ inherit. |
ਤਕਨੀਕੀ ਵੇਰਵਾ
| ਮੂਲ ਮੁੱਲ: | 0 |
|---|---|
| ਵਾਪਸੀ ਮੁੱਲ: | ਚਿੰਨ੍ਹ, ਜੋ ਇਲੈਕਟਰੋਨ ਦੇ transition-duration ਪ੍ਰਤੀਭਾ. |
| CSS ਸੰਸਕਰਣ: | CSS3 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਅੰਕ ਇਸ ਪ੍ਰਤਿਭਾ ਦੀ ਪਹਿਲੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਦੀ ਆਈਡੀ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸਫਾਰੀ | ਓਪਰਾ |
| 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- ਪਿਛਲਾ ਪੰਨਾ transitionProperty
- ਅਗਲਾ ਪੰਨਾ transitionTimingFunction
- ਉੱਪਰੰਗਾਂ ਵਾਪਸ ਜਾਓ آبجکت HTML DOM Style
