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