CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
ਪ੍ਰਸਿੱਧ ਪ੍ਰੀਸੈੱਟ
ਫੇਡ ਪ੍ਰਭਾਵ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
ਸਕੇਲ ਪ੍ਰਭਾਵ
ਹੋਵਰ 'ਤੇ ਐਲੀਮੈਂਟ ਦਾ ਆਕਾਰ ਬਦਲੋ
ਘੁੰਮਾਓ ਪ੍ਰਭਾਵ
ਹੋਵਰ ਕਰਨ 'ਤੇ ਐਲੀਮੈਂਟ ਨੂੰ ਘੁੰਮਾਓ
ਸਲਾਈਡ ਪ੍ਰਭਾਵ
ਤੱਤ ਦੀ ਸਥਿਤੀ ਬਦਲੋ
ਰੰਗ ਬਦਲਣਾ
ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਤਬਦੀਲੀ
ਤਬਦੀਲੀਆਂ ਬਾਰੇ
CSS ਪਰਿਵਰਤਨ ਤੁਹਾਨੂੰ ਇੱਕ ਦਿੱਤੇ ਸਮੇਂ ਦੌਰਾਨ, ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲਾਂ ਨੂੰ ਸੁਚਾਰੂ ਢੰਗ ਨਾਲ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ।
ਆਮ ਤੌਰ 'ਤੇ ਐਨੀਮੇਟਡ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
- ਚੌੜਾਈ, ਉਚਾਈ
- ਹਾਸ਼ੀਆ, ਪੈਡਿੰਗ
- ਧੁੰਦਲਾਪਨ, ਰੰਗ
- transform (scale, rotate, translate)
- background-color
ਪ੍ਰੋ ਸੁਝਾਅ: ਸਾਰੀਆਂ ਤਬਦੀਲੀਆਂ ਨੂੰ ਐਨੀਮੇਟ ਕਰਨ ਲਈ 'ਸਾਰੇ ਗੁਣ' ਵਿਕਲਪ ਦੀ ਵਰਤੋਂ ਕਰੋ।
Preview
ਤਿਆਰ ਕੀਤਾ ਕੋਡ
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
ਪਰਿਵਰਤਨ ਨਿਯੰਤਰਣ
ਹੋਵਰ ਪ੍ਰਭਾਵ
Related Tools
ਸੰਪੂਰਨ ਫਲੈਕਸਬਾਕਸ ਲੇਆਉਟ ਬਣਾਓ
ਸਾਡੇ ਅਨੁਭਵੀ ਡਰੈਗ-ਐਂਡ-ਡ੍ਰੌਪ ਇੰਟਰਫੇਸ ਨਾਲ CSS ਫਲੈਕਸਬਾਕਸ ਕੋਡ ਦੀ ਕਲਪਨਾ ਕਰੋ, ਅਨੁਕੂਲਿਤ ਕਰੋ ਅਤੇ ਤਿਆਰ ਕਰੋ।
ਸਟਾਈਲਸ ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
SCSS ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਪਰਿਵਰਤਕ
ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਨੂੰ ਸ਼ੁੱਧਤਾ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਬਦਲੋ
ਸਪੀਡ ਯੂਨਿਟ ਕਨਵਰਟਰ
ਆਪਣੀਆਂ ਇੰਜੀਨੀਅਰਿੰਗ, ਵਿਗਿਆਨਕ ਅਤੇ ਰੋਜ਼ਾਨਾ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਲਈ ਸ਼ੁੱਧਤਾ ਨਾਲ ਗਤੀ ਦੀਆਂ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਬਦਲੋ
Less ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Less ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।