ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ
ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।
ਪਰਿਵਰਤਨ ਨਿਯੰਤਰਣ
Translation
Rotation
Scale
Skew
ਮੂਲ ਰੂਪਾਂਤਰਣ ਕਰੋ
Presets
Preview
CSS3
Animation
ਤਿਆਰ ਕੀਤਾ ਕੋਡ
.element { transform: translate(0px, 0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1) skewX(0deg) skewY(0deg); transform-origin: 50% 50%; }
ਸ਼ਕਤੀਸ਼ਾਲੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
ਅਨੁਭਵੀ ਨਿਯੰਤਰਣ
ਜਵਾਬਦੇਹ ਸਲਾਈਡਰਾਂ ਅਤੇ ਅਨੁਭਵੀ ਨਿਯੰਤਰਣਾਂ ਨਾਲ ਪਰਿਵਰਤਨ ਮਾਪਦੰਡਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਵਿਵਸਥਿਤ ਕਰੋ।
ਰੀਅਲ-ਟਾਈਮ ਪ੍ਰੀਵਿਊ
ਤੁਰੰਤ ਵਿਜ਼ੂਅਲ ਫੀਡਬੈਕ ਨਾਲ ਦੇਖੋ ਕਿ ਤੁਹਾਡੇ ਪਰਿਵਰਤਨ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇਣਗੇ।
ਸਾਫ਼ CSS ਆਉਟਪੁੱਟ
ਚੰਗੀ ਤਰ੍ਹਾਂ ਫਾਰਮੈਟ ਕੀਤਾ, ਉਤਪਾਦਨ ਲਈ ਤਿਆਰ CSS ਕੋਡ ਪ੍ਰਾਪਤ ਕਰੋ ਜਿਸਨੂੰ ਤੁਸੀਂ ਤੁਰੰਤ ਕਾਪੀ ਅਤੇ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।
ਪਰਿਵਰਤਨ ਪ੍ਰੀਸੈੱਟ
ਪ੍ਰਸਿੱਧ ਪਰਿਵਰਤਨ ਸ਼ੈਲੀਆਂ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਆਪਣੀਆਂ ਜ਼ਰੂਰਤਾਂ ਦੇ ਅਨੁਸਾਰ ਅਨੁਕੂਲਿਤ ਕਰੋ।
3D ਪਰਿਵਰਤਨ
ਤਿੰਨੋਂ ਧੁਰਿਆਂ ਅਤੇ ਦ੍ਰਿਸ਼ਟੀਕੋਣ 'ਤੇ ਨਿਯੰਤਰਣ ਦੇ ਨਾਲ ਸ਼ਾਨਦਾਰ 3D ਪ੍ਰਭਾਵ ਬਣਾਓ।
ਐਨੀਮੇਟ ਪਰਿਵਰਤਨ
ਮਿਆਦ ਅਤੇ ਦੁਹਰਾਓ 'ਤੇ ਨਿਯੰਤਰਣ ਦੇ ਨਾਲ ਆਪਣੇ ਟ੍ਰਾਂਸਫਾਰਮਾਂ ਵਿੱਚ ਨਿਰਵਿਘਨ ਐਨੀਮੇਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ।
3D ਕਾਰਡ ਫਲਿੱਪ
ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਕਾਰਡ ਬਣਾਓ ਜੋ ਹੋਵਰ ਕਰਨ 'ਤੇ ਪਲਟਦਾ ਹੈ, ਵਾਧੂ ਜਾਣਕਾਰੀ ਪ੍ਰਗਟ ਕਰਨ ਲਈ ਸੰਪੂਰਨ।
ਹੋਵਰ ਜ਼ੂਮ ਅਤੇ ਰੋਟੇਟ
ਬਟਨਾਂ ਜਾਂ ਚਿੱਤਰਾਂ ਵਿੱਚ ਇੱਕ ਆਕਰਸ਼ਕ ਪ੍ਰਭਾਵ ਸ਼ਾਮਲ ਕਰੋ ਜੋ ਇੰਟਰੈਕਸ਼ਨ 'ਤੇ ਸਕੇਲ ਅਤੇ ਘੁੰਮਦੇ ਹਨ।
ਸਕਿਊ ਪ੍ਰਭਾਵ
ਗਤੀਸ਼ੀਲ ਅਤੇ ਆਧੁਨਿਕ UI ਐਲੀਮੈਂਟਸ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸੂਖਮ ਸਕਿਊ ਟ੍ਰਾਂਸਫੋਰਮੇਸ਼ਨ ਲਾਗੂ ਕਰੋ।
CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਜਨਰੇਟਰ ਬਾਰੇ
ਇਹ ਟੂਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸਰਲ ਬਣਾਉਣ ਲਈ ਬਣਾਇਆ ਗਿਆ ਸੀ। ਭਾਵੇਂ ਤੁਸੀਂ ਇੱਕ ਪੇਸ਼ੇਵਰ ਡਿਵੈਲਪਰ ਹੋ ਜਾਂ ਸਿਰਫ਼ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰ ਰਹੇ ਹੋ, ਇਹ ਜਨਰੇਟਰ ਤੁਹਾਨੂੰ ਸਿੰਟੈਕਸ ਨੂੰ ਯਾਦ ਕੀਤੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ ਪਰਿਵਰਤਨਾਂ ਦੀ ਕਲਪਨਾ ਕਰਨ ਅਤੇ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ।
CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤੁਹਾਨੂੰ HTML ਐਲੀਮੈਂਟਸ 'ਤੇ ਘੁੰਮਾਉਣ, ਸਕੇਲ ਕਰਨ, ਹਿਲਾਉਣ, ਸਕਿਊ ਕਰਨ ਅਤੇ 3D ਪ੍ਰਭਾਵ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ। ਇਹ ਆਧੁਨਿਕ ਵੈੱਬ ਡਿਜ਼ਾਈਨ ਦਾ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਹਿੱਸਾ ਹਨ ਪਰ ਇਹਨਾਂ ਵਿੱਚ ਮੁਹਾਰਤ ਹਾਸਲ ਕਰਨਾ ਮੁਸ਼ਕਲ ਹੋ ਸਕਦਾ ਹੈ। ਸਾਡਾ ਜਨਰੇਟਰ ਵੱਖ-ਵੱਖ ਟ੍ਰਾਂਸਫਾਰਮੇਸ਼ਨਾਂ ਨਾਲ ਪ੍ਰਯੋਗ ਕਰਨ ਅਤੇ ਨਤੀਜੇ ਤੁਰੰਤ ਦੇਖਣ ਲਈ ਇੱਕ ਅਨੁਭਵੀ ਇੰਟਰਫੇਸ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
Related Tools
ਸੰਪੂਰਨ ਫਲੈਕਸਬਾਕਸ ਲੇਆਉਟ ਬਣਾਓ
ਸਾਡੇ ਅਨੁਭਵੀ ਡਰੈਗ-ਐਂਡ-ਡ੍ਰੌਪ ਇੰਟਰਫੇਸ ਨਾਲ CSS ਫਲੈਕਸਬਾਕਸ ਕੋਡ ਦੀ ਕਲਪਨਾ ਕਰੋ, ਅਨੁਕੂਲਿਤ ਕਰੋ ਅਤੇ ਤਿਆਰ ਕਰੋ।
ਸਟਾਈਲਸ ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
SCSS ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ SCSS ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਪਰਿਵਰਤਕ
ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਪ੍ਰਤੀਕਿਰਿਆਸ਼ੀਲ ਊਰਜਾ ਨੂੰ ਸ਼ੁੱਧਤਾ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਬਦਲੋ
ਸਪੀਡ ਯੂਨਿਟ ਕਨਵਰਟਰ
ਆਪਣੀਆਂ ਇੰਜੀਨੀਅਰਿੰਗ, ਵਿਗਿਆਨਕ ਅਤੇ ਰੋਜ਼ਾਨਾ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਲਈ ਸ਼ੁੱਧਤਾ ਨਾਲ ਗਤੀ ਦੀਆਂ ਵੱਖ-ਵੱਖ ਇਕਾਈਆਂ ਵਿਚਕਾਰ ਬਦਲੋ
Less ਤੋਂ CSS ਕਨਵਰਟਰ
ਆਪਣੇ Less ਕੋਡ ਨੂੰ CSS ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।