يستخدم حدودًا شفافة على عنصر بحجم صفر، مع تلوين جانب واحد فقط.

هل يمكنني استخدامه للأسهم؟

نعم، مثلثات CSS شائعة للتلميحات وأسهم القوائم المنسدلة.

مولّد مثلث CSS

ولّد مثلثات CSS باستخدام حيلة الحدود.

الاتجاهالعرض: 80pxالارتفاع: 60pxاللون

width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 60px solid #6366f1;

أنشئ مثلثًا بـ CSS خالص في أي اتجاه وحجم ولون، وانسخ كود الحدود.

كيف يعمل؟: يستخدم حدودًا شفافة على عنصر بحجم صفر، مع تلوين جانب واحد فقط.
هل يمكنني استخدامه للأسهم؟: نعم، مثلثات CSS شائعة للتلميحات وأسهم القوائم المنسدلة.