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