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
Sass ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Sass ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
Less ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Less ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
CRC-16 ਹੈਸ਼ ਕੈਲਕੁਲੇਟਰ
CRC-16 ਚੈੱਕਸਮ ਜਲਦੀ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਤਿਆਰ ਕਰੋ
JSON ਨੂੰ XLSX ਵਿੱਚ ਬਿਨਾਂ ਕਿਸੇ ਕੋਸ਼ਿਸ਼ ਦੇ ਬਦਲੋ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਆਪਣੇ JSON ਡੇਟਾ ਨੂੰ Excel (XLSX) ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਸੁਰੱਖਿਅਤ, ਅਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ-ਅਧਾਰਿਤ।
ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ
ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।