CSS ਤਿਕੋਣ ਜਨਰੇਟਰ
ਹੇਠਾਂ ਦਿੱਤੇ ਵਿਕਲਪਾਂ ਨਾਲ ਆਪਣੇ ਤਿਕੋਣ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ ਅਤੇ ਤਿਆਰ ਕੀਤਾ CSS ਕੋਡ ਤੁਰੰਤ ਪ੍ਰਾਪਤ ਕਰੋ।
Controls
ਠੋਸ ਤਿਕੋਣਾਂ ਲਈ 0 ਸੈੱਟ ਕਰੋ
Preview
ਤਿਆਰ ਕੀਤਾ CSS
$triangle-color: #165DFF; $triangle-size: 100px; .triangle { width: 0; height: 0; border-left: $triangle-size solid transparent; border-right: $triangle-size solid transparent; border-bottom: calc($triangle-size * 2) solid $triangle-color; }
ਸ਼ਕਤੀਸ਼ਾਲੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
ਸਾਡਾ CSS ਟ੍ਰਾਈਐਂਗਲ ਜਨਰੇਟਰ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਸੰਪੂਰਨ ਟ੍ਰਾਈਐਂਗਲ ਬਣਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ ਕਈ ਤਰ੍ਹਾਂ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਨਾਲ ਆਉਂਦਾ ਹੈ।
ਪੂਰਾ ਕੰਟਰੋਲ
ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਲਈ ਸੰਪੂਰਨ ਤਿਕੋਣ ਬਣਾਉਣ ਲਈ ਆਕਾਰ, ਦਿਸ਼ਾ, ਰੰਗ ਅਤੇ ਬਾਰਡਰ ਚੌੜਾਈ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ।
ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਕਾਪੀ ਕਰੋ
ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਆਸਾਨ ਏਕੀਕਰਨ ਲਈ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਤਿਆਰ ਕੀਤੇ CSS ਕੋਡ ਨੂੰ ਤੁਰੰਤ ਕਾਪੀ ਕਰੋ।
ਜਵਾਬਦੇਹ ਡਿਜ਼ਾਈਨ
ਇਹ ਜਨਰੇਟਰ ਡੈਸਕਟੌਪ ਤੋਂ ਲੈ ਕੇ ਮੋਬਾਈਲ ਤੱਕ, ਸਾਰੇ ਡਿਵਾਈਸਾਂ 'ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦਾ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕਿਤੇ ਵੀ ਤਿਕੋਣ ਬਣਾ ਸਕਦੇ ਹੋ।
ਐਨੀਮੇਟਡ ਤਿਕੋਣ
ਪਲਸ, ਉਛਾਲ, ਅਤੇ ਰੋਟੇਸ਼ਨ ਵਰਗੇ ਬਿਲਟ-ਇਨ ਐਨੀਮੇਸ਼ਨਾਂ ਨਾਲ ਆਪਣੇ ਤਿਕੋਣਾਂ ਵਿੱਚ ਗਤੀ ਸ਼ਾਮਲ ਕਰੋ।
ਆਪਣੀਆਂ ਤਿਕੋਣ ਸੰਰਚਨਾਵਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਟੀਮ ਦੇ ਮੈਂਬਰਾਂ ਜਾਂ ਦੋਸਤਾਂ ਨਾਲ ਸਾਂਝਾ ਕਰੋ।
ਕਈ ਦਿਸ਼ਾਵਾਂ
ਇੱਕ ਕਲਿੱਕ ਨਾਲ, ਵਿਕਰਣਾਂ ਸਮੇਤ, ਕਿਸੇ ਵੀ ਦਿਸ਼ਾ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਦੇ ਹੋਏ ਤਿਕੋਣ ਬਣਾਓ।
ਦੇਖੋ ਕਿ ਅਸਲ-ਸੰਸਾਰ ਦੇ ਡਿਜ਼ਾਈਨ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ CSS ਤਿਕੋਣਾਂ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ।
ਸਪੀਚ ਬਬਲ
ਸ਼ੁੱਧ CSS ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਤਿਕੋਣੀ ਪੁਆਇੰਟਰਾਂ ਨਾਲ ਚੈਟ ਇੰਟਰਫੇਸ ਬਣਾਓ।
ਪਲੇ ਬਟਨ
CSS ਤਿਕੋਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਟਾਈਲਿਸ਼ ਪਲੇ/ਪੌਜ਼ ਬਟਨਾਂ ਨਾਲ ਮੀਡੀਆ ਪਲੇਅਰ ਡਿਜ਼ਾਈਨ ਕਰੋ।
ਨੈਵੀਗੇਸ਼ਨ ਤੀਰ
ਸਾਫ਼, ਹਲਕੇ ਤਿਕੋਣੇ ਤੀਰਾਂ ਨਾਲ ਨੈਵੀਗੇਸ਼ਨ ਨਿਯੰਤਰਣ ਲਾਗੂ ਕਰੋ।
ਬੈਜ ਜਾਂ ਸੂਚਨਾ
CSS ਤਿਕੋਣਾਂ ਨਾਲ ਧਿਆਨ ਖਿੱਚਣ ਵਾਲੇ ਬੈਜ ਅਤੇ ਸੂਚਨਾਵਾਂ ਬਣਾਓ।
ਜਿਓਮੈਟ੍ਰਿਕ ਪੈਟਰਨ
CSS ਤਿਕੋਣਾਂ ਦੇ ਸੁਮੇਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਗੁੰਝਲਦਾਰ ਪਿਛੋਕੜ ਅਤੇ ਪੈਟਰਨ ਡਿਜ਼ਾਈਨ ਕਰੋ।
Tooltip
CSS ਤਿਕੋਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਸਟਾਈਲ ਕੀਤੇ ਪੁਆਇੰਟਰਾਂ ਨਾਲ ਇੰਟਰਐਕਟਿਵ ਟੂਲਟਿਪ ਬਣਾਓ।
CSS ਤਿਕੋਣ ਜਨਰੇਟਰ ਬਾਰੇ
ਸਾਡਾ CSS ਟ੍ਰਾਈਐਂਗਲ ਜਨਰੇਟਰ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਟੂਲ ਹੈ ਜੋ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਅਤੇ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ ਜਿਨ੍ਹਾਂ ਨੂੰ ਜਲਦੀ ਅਤੇ ਕੁਸ਼ਲਤਾ ਨਾਲ CSS ਟ੍ਰਾਈਐਂਗਲ ਬਣਾਉਣ ਦੀ ਲੋੜ ਹੈ। ਭਾਵੇਂ ਤੁਸੀਂ ਇੱਕ ਸਧਾਰਨ ਟੂਲਟਿਪ ਬਣਾ ਰਹੇ ਹੋ, ਇੱਕ ਗੁੰਝਲਦਾਰ UI ਐਲੀਮੈਂਟ ਬਣਾ ਰਹੇ ਹੋ, ਜਾਂ ਸਿਰਫ਼ CSS ਨਾਲ ਪ੍ਰਯੋਗ ਕਰ ਰਹੇ ਹੋ, ਸਾਡਾ ਜਨਰੇਟਰ ਤੁਹਾਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ।
CSS ਤਿਕੋਣਾਂ ਦੀ ਵਰਤੋਂ ਕਿਉਂ ਕਰੀਏ?
- ਹਲਕਾ: ਕਿਸੇ ਚਿੱਤਰ ਜਾਂ ਵਾਧੂ ਸਰੋਤਾਂ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ
- ਸਕੇਲੇਬਲ: ਕਿਸੇ ਵੀ ਆਕਾਰ 'ਤੇ ਸੰਪੂਰਨ ਗੁਣਵੱਤਾ ਬਣਾਈ ਰੱਖੋ
- ਅਨੁਕੂਲਿਤ: ਆਕਾਰ, ਰੰਗ ਅਤੇ ਦਿਸ਼ਾ 'ਤੇ ਪੂਰਾ ਨਿਯੰਤਰਣ
- ਪ੍ਰਦਰਸ਼ਨ: ਚਿੱਤਰ-ਅਧਾਰਿਤ ਹੱਲਾਂ ਦੇ ਮੁਕਾਬਲੇ ਬਿਹਤਰ ਲੋਡਿੰਗ ਸਮਾਂ
- ਜਵਾਬਦੇਹ: ਸਾਰੇ ਡਿਵਾਈਸਾਂ 'ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦਾ ਹੈ
Related Tools
CSS3 ਪਰਿਵਰਤਨ ਜਨਰੇਟਰ
ਨਿਰਵਿਘਨ ਧੁੰਦਲਾਪਨ ਤਬਦੀਲੀ
ਆਸਾਨੀ ਨਾਲ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਤਿਆਰ ਕਰੋ
ਕੋਡ ਲਿਖੇ ਬਿਨਾਂ ਗੁੰਝਲਦਾਰ CSS3 ਟ੍ਰਾਂਸਫਾਰਮ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ, ਅਨੁਭਵੀ ਟੂਲ। ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਕਲਪਨਾ ਕਰੋ ਅਤੇ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਵਰਤਣ ਲਈ ਤਿਆਰ ਕੀਤੇ CSS ਦੀ ਨਕਲ ਕਰੋ।
CSS ਤੋਂ ਘੱਟ ਪਰਿਵਰਤਕ
ਵੇਰੀਏਬਲ, ਨੇਸਟਿੰਗ, ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨਾਲ ਆਪਣੇ CSS ਕੋਡ ਨੂੰ ਘੱਟ ਵਿੱਚ ਬਦਲੋ। ਤੇਜ਼, ਆਸਾਨ ਅਤੇ ਸੁਰੱਖਿਅਤ।
RGB ਤੋਂ CMYK
ਪ੍ਰਿੰਟ ਡਿਜ਼ਾਈਨ ਲਈ RGB ਰੰਗਾਂ ਨੂੰ CMYK ਮੁੱਲਾਂ ਵਿੱਚ ਬਦਲੋ
HEX ਤੋਂ Pantone
ਪੇਸ਼ੇਵਰ ਡਿਜ਼ਾਈਨ ਲੋੜਾਂ ਲਈ HEX ਰੰਗ ਕੋਡਾਂ ਨੂੰ ਪੈਨਟੋਨ ਮੈਚਿੰਗ ਸਿਸਟਮ® ਰੰਗਾਂ ਵਿੱਚ ਸਹੀ ਢੰਗ ਨਾਲ ਬਦਲੋ।
ਦਸ਼ਮਲਵ ਤੋਂ ਔਕਟਲ
ਦਸ਼ਮਲਵ ਸੰਖਿਆਵਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਔਕਟਾਲ ਵਿੱਚ ਬਦਲੋ