ਟੂਲ ਬ੍ਰਾਊਜ਼ ਕਰੋ

CSS ਕਲਿੱਪ ਪਾਥ ਜਨਰੇਟਰ

ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਪੂਰਵਦਰਸ਼ਨ ਨਾਲ ਬਹੁਭੁਜ ਅਤੇ ਆਕਾਰ ਕਲਿੱਪ-ਪਾਥ ਬਣਾਓ। ਹੀਰੋ ਆਕਾਰ ਅਤੇ ਚਿੱਤਰ ਮਾਸਕ ਲਈ ਵਧੀਆ.

CSS Clip Path Generator

Live

Shape

CSS output

clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Key capabilities

ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਪੂਰਵਦਰਸ਼ਨ ਨਾਲ ਬਹੁਭੁਜ ਅਤੇ ਆਕਾਰ ਕਲਿੱਪ-ਪਾਥ ਬਣਾਓ।
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ
ਵਰਤਣ ਲਈ ਮੁਫ਼ਤ

ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਇੱਕ ਪ੍ਰੀ-ਸੈੱਟ ਆਕਾਰ ਜਾਂ ਬਹੁਭੁਜ ਬਿੰਦੂ ਚੁਣੋ।
ਲੋੜ ਅਨੁਸਾਰ ਪੁਆਇੰਟ ਐਡਜਸਟ ਕਰੋ।
ਕਲਿੱਪ-ਪਾਥ CSS ਨੂੰ ਕਾਪੀ ਕਰੋ।

How this tool works

ਇੱਕ ਪ੍ਰੀ-ਸੈੱਟ ਆਕਾਰ ਜਾਂ ਬਹੁਭੁਜ ਬਿੰਦੂ ਚੁਣੋ।
ਲੋੜ ਅਨੁਸਾਰ ਪੁਆਇੰਟ ਐਡਜਸਟ ਕਰੋ।
ਕਲਿੱਪ-ਪਾਥ CSS ਨੂੰ ਕਾਪੀ ਕਰੋ।

Recommended settings

ਪਹਿਲਾਂ ਡਿਫੌਲਟ ਵਿਕਲਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਫਿਰ ਲੋੜ ਪੈਣ 'ਤੇ ਵਿਵਸਥਿਤ ਕਰੋ

Supported formats

Text / on-page input

File size and limits

ਪੁਰਾਣੇ ਫ਼ੋਨਾਂ 'ਤੇ ਬਹੁਤ ਗੁੰਝਲਦਾਰ ਮਲਟੀ-ਲੇਅਰ ਪ੍ਰੀਵਿਊਜ਼ ਹੌਲੀ ਮਹਿਸੂਸ ਕਰ ਸਕਦੇ ਹਨ।

Privacy

ਰੰਗ ਅਤੇ CSS ਜਨਰੇਟਰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੇ ਹਨ। ਪੂਰਵਦਰਸ਼ਨ ਅਤੇ ਪਰਿਵਰਤਨ ਕਦੇ ਵੀ ਤੁਹਾਡੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਅੱਪਲੋਡ ਨਹੀਂ ਕਰਦੇ ਹਨ।

Common use cases

ਜਦੋਂ ਵੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੋਵੇ CSS ਕਲਿੱਪ ਪਾਥ ਜਨਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਪੂਰਵਦਰਸ਼ਨ ਨਾਲ ਬਹੁਭੁਜ ਅਤੇ ਆਕਾਰ ਕਲਿੱਪ-ਪਾਥ ਬਣਾਓ।

Troubleshooting

ਪੇਸਟ ਕਰਨ ਤੋਂ ਬਾਅਦ ਪੂਰਵਦਰਸ਼ਨ ਵੱਖਰਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ

ਆਪਣੇ ਪੰਨੇ 'ਤੇ ਪ੍ਰਤੀਯੋਗੀ CSS ਦੀ ਜਾਂਚ ਕਰੋ (ਰੀਸੈੱਟ, ਵਿਰਾਸਤੀ ਰੰਗ)। ਪਹਿਲਾਂ ਬਣਾਏ ਗਏ ਨਿਯਮ ਨੂੰ ਇੱਕ ਅਲੱਗ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।

ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ

ਕੀ ਇਹ ਮੇਰਾ CSS ਅੱਪਲੋਡ ਕਰਦਾ ਹੈ?

ਨਹੀਂ। ਜਨਰੇਟਰ ਅਤੇ ਕਨਵਰਟਰ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਨਾਲ ਚੱਲਦੇ ਹਨ।

ਕੀ ਮੈਨੂੰ ਇੱਕ ਖਾਤੇ ਦੀ ਲੋੜ ਹੈ?

ਨਹੀਂ। ਟੂਲ ਖੋਲ੍ਹੋ, ਨਿਯੰਤਰਣ ਬਦਲੋ, ਅਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।

ਸੰਬੰਧਿਤ ਟੂਲ

CSS Triangle Generator

Generate CSS triangles with border tricks — direction, size, and color.

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.