सीएसएस का उपयोग करके बॉर्डर के साथ एक पारदर्शी त्रिभुज बनाना

सीएसएस के साथ जटिल आकार बनाना चुनौतीपूर्ण हो सकता है, लेकिन जब त्रिकोण की बात आती है, तो अपना वांछित प्राप्त करने के लिए विभिन्न दृष्टिकोण होते हैं प्रभाव।

एक विधि, जिसका आपने प्रयोग किया है, उसमें सीमाओं का उपयोग शामिल है। जबकि यह तकनीक काम करती है, यह दृश्य युक्तियों पर निर्भर करती है। क्या इससे भी सुंदर कोई समाधान है?

हां, है! वेबकिट-अनन्य दृष्टिकोण में यूनिकोड वर्ण U 25B6 (▲) का लाभ उठाना शामिल है। यहां बताया गया है:

.triangle {
  -webkit-text-stroke: 12px black;
  color: transparent;
  font-size: 200px;
}