ਪ੍ਰਸਿੱਧ ਪ੍ਰੀਸੈੱਟ
ਫੇਡ ਪ੍ਰਭਾਵ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
ਸਕੇਲ ਪ੍ਰਭਾਵ
ਹੋਵਰ 'ਤੇ ਐਲੀਮੈਂਟ ਦਾ ਆਕਾਰ ਬਦਲੋ
ਘੁੰਮਾਓ ਪ੍ਰਭਾਵ
ਹੋਵਰ ਕਰਨ 'ਤੇ ਐਲੀਮੈਂਟ ਨੂੰ ਘੁੰਮਾਓ
ਸਲਾਈਡ ਪ੍ਰਭਾਵ
ਤੱਤ ਦੀ ਸਥਿਤੀ ਬਦਲੋ
ਰੰਗ ਬਦਲਣਾ
ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਤਬਦੀਲੀ
ਤਬਦੀਲੀਆਂ ਬਾਰੇ
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
CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
Sass ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Sass ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ
ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।
HTML ਮਿਨੀਫਾਇਰ
ਪੇਸ਼ੇਵਰ ਸ਼ੁੱਧਤਾ ਨਾਲ ਆਪਣੇ HTML ਕੋਡ ਨੂੰ ਸੰਕੁਚਿਤ ਅਤੇ ਅਨੁਕੂਲ ਬਣਾਓ
CSS ਗਲਿੱਚ ਟੈਕਸਟ ਪ੍ਰਭਾਵ
ਇਸ ਇੰਟਰਐਕਟਿਵ ਜਨਰੇਟਰ ਨਾਲ ਆਪਣੇ ਟੈਕਸਟ ਲਈ ਸ਼ਾਨਦਾਰ ਗਲਚ ਪ੍ਰਭਾਵ ਬਣਾਓ। ਸਾਈਬਰਪੰਕ, ਗੇਮਿੰਗ, ਜਾਂ ਕਿਸੇ ਵੀ ਡਿਜ਼ਾਈਨ ਲਈ ਸੰਪੂਰਨ ਜਿਸਨੂੰ ਉਸ ਤੇਜ਼, ਭਵਿੱਖਮੁਖੀ ਦਿੱਖ ਦੀ ਲੋੜ ਹੈ।
URL ਡੀਕੋਡ ਟੂਲ
ਆਪਣੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਆਸਾਨੀ ਨਾਲ URL ਪੈਰਾਮੀਟਰਾਂ ਨੂੰ ਡੀਕੋਡ ਕਰੋ