CSS ਤਿਕੋਣ ਜਨਰੇਟਰ

ਕਲਾਸਿਕ ਬਾਰਡਰ ਟ੍ਰਿਕ ਨਾਲ CSS ਤਿਕੋਣ ਤਿਆਰ ਕਰੋ। ਦਿਸ਼ਾ, ਆਕਾਰ ਅਤੇ ਰੰਗ ਸੈੱਟ ਕਰੋ, ਫਿਰ ਸਨਿੱਪਟ ਦੀ ਨਕਲ ਕਰੋ।

CSS Triangle Generator

Live

Direction

Size60px

Color

CSS output

width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 60px solid #e11d48;

Key capabilities

ਬਾਰਡਰ ਟ੍ਰਿਕਸ ਦੇ ਨਾਲ CSS ਤਿਕੋਣ ਤਿਆਰ ਕਰੋ — ਦਿਸ਼ਾ, ਆਕਾਰ ਅਤੇ ਰੰਗ।
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ
ਵਰਤਣ ਲਈ ਮੁਫ਼ਤ

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

ਤਿਕੋਣ ਦਿਸ਼ਾ ਚੁਣੋ।
ਆਕਾਰ ਸੈੱਟ ਕਰੋ ਅਤੇ ਰੰਗ ਭਰੋ।
CSS ਦੀ ਨਕਲ ਕਰੋ।

How this tool works

ਤਿਕੋਣ ਦਿਸ਼ਾ ਚੁਣੋ।
ਆਕਾਰ ਸੈੱਟ ਕਰੋ ਅਤੇ ਰੰਗ ਭਰੋ।
CSS ਦੀ ਨਕਲ ਕਰੋ।

Recommended settings

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

Supported formats

Text / on-page input

File size and limits

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

Privacy

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

Common use cases

ਜਦੋਂ ਵੀ ਤੁਹਾਨੂੰ ਲੋੜ ਹੋਵੇ CSS ਤਿਕੋਣ ਜਨਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਰੋ: ਬਾਰਡਰ ਟ੍ਰਿਕਸ - ਦਿਸ਼ਾ, ਆਕਾਰ ਅਤੇ ਰੰਗ ਨਾਲ CSS ਤਿਕੋਣ ਤਿਆਰ ਕਰੋ।

Troubleshooting

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

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

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

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

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

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

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