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 प्रतिलिपि गर्नुहोस्।