डिज़ाइन
CSS त्रिभुज जनरेटर
इनपुट
दिशा, आधार चौड़ाई, ऊँचाई और रंग चुनें।
दिशा
Base Width60px
ऊंचाई80px
जनरेट किया गया CSS कॉपी करें और उसे खाली एलिमेंट पर लागू करें।
आउटपुट
.triangle {
width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 80px solid #6366f1;
}अक्सर पूछे जाने वाले सवाल
CSS Triangle कैसे बनता है?
Border trick से एक side color और बाकी transparent रखकर।
Direction बदलना संभव है?
हाँ, visible border side बदलकर।
Generator का फायदा क्या है?
Manual trial-and-error कम करके सही code देता है।