ਔਨਲਾਈਨ ਟੂਲ CSS3 ਪਰਿਵਰਤਨ ਜੇਨਰੇਟਰ

s
s
CSS3.0 Transition

ਆਲਸੀ ਲੋਕਾਂ ਲਈ CSS ਟਰਾਂਜ਼ਿਟਨ ਜਨਰੇਟਰ।

CSS ਜੇਨਰੇਟਰ - ਪਰਿਵਰਤਨ

CSS ਪਰਿਵਰਤਨ ਵਿਸ਼ੇਸ਼ਤਾ ਉਪਭੋਗਤਾ ਨੂੰ HTML ਐਲੀਮੈਂਟ ਸ਼ੈਲੀ ਨੂੰ ਕਿਸੇ ਹੋਰ ਸ਼ੈਲੀ ਵਿੱਚ ਸੁਚਾਰੂ ਰੂਪ ਵਿੱਚ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਪਰਿਵਰਤਨ ਉਦੋਂ ਚਲਦਾ ਹੈ ਜਦੋਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਜਾਂ ਉਪਭੋਗਤਾ ਇਵੈਂਟ ਦੁਆਰਾ CSS ਪ੍ਰਾਪਰਟੀ ਬਦਲਦੀ ਹੈ।

 

ਤਬਦੀਲੀ:<STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;

ਪਰਿਵਰਤਨ ਚਾਰ ਮਾਪਦੰਡ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ -

1) ਕਿਹੜੀ css ਵਿਸ਼ੇਸ਼ਤਾ ਚੱਲ ਰਹੀ ਹੈ

2) ਕਿੰਨਾ ਸਮਾਂ ਚੱਲੇਗਾ

3) ਟਾਈਮਿੰਗ ਫੰਕਸ਼ਨ ਕੀ ਹੈ (ਪਰਿਵਰਤਨ ਦੀ ਗਤੀ)

4) ਤਬਦੀਲੀ ਕਦੋਂ ਸ਼ੁਰੂ ਕਰਨੀ ਹੈ

 

<STYLE-NAME> ਪਰਿਵਰਤਨ-ਸੰਪੱਤੀ CSS ਸੰਪੱਤੀ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ ਜਿੱਥੇ ਪਰਿਵਰਤਨ ਲਾਗੂ ਕੀਤਾ ਜਾਵੇਗਾ। ਤੁਸੀਂ ਵਿਅਕਤੀਗਤ ਸੰਪਤੀ ਜਾਂ ਸਾਰੀ ਸੰਪਤੀ ਨੂੰ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ। ਟਾਈਮਿੰਗ ਫੰਕਸ਼ਨ ਐਨੀਮੇਸ਼ਨ ਦੀ ਗਤੀ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ (ਹੌਲੀ ਜਾਂ ਤੇਜ਼)। ਕਿਊਬਿਕ ਬਾਜ਼ੀਅਰ ਐਨੀਮੇਸ਼ਨ ਦੀ ਕਸਟਮ ਸਪੀਡ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ। ਪਰਿਵਰਤਨ ਲੂਪ ਵਿੱਚ ਨਹੀਂ ਚੱਲ ਸਕਦਾ। CSS ਐਨੀਮੇਸ਼ਨ ਪ੍ਰਾਪਰਟੀ ਲੂਪ ਹੈਂਡਲਿੰਗ ਕਰਨ ਦਾ ਵਿਕਲਪਿਕ ਵਿਕਲਪ ਹੈ।