مولّد
مولّد مثلث CSS
إنشاء مثلثات CSS باستخدام خدعة الحدود مع 8 اتجاهات وحجم ولون مخصّصين.
Ctrl+Enter Copy CSS Esc Reset
الاتجاه
معاينة
إخراج CSS
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #3b82f6;
}حول مولّد مثلث CSS
مثلثات CSS تُنشأ باستخدام خدعة الحدود — عنصر بعرض وارتفاع صفر مع حدود ملوّنة/شفافة يشكّل مثلثًا. تتيح لك هذه الأداة اختيار الاتجاه والحجم واللون ثم تولّد كود CSS فورًا.
كيفية الاستخدام
اختر اتجاهًا (أعلى أو أسفل أو يسار أو يمين أو قطري)، واضبط أشرطة تمرير العرض والارتفاع، واختر لونًا، وانسخ كود CSS المولّد. الصقه في ملف الأنماط وطبّق فئة .triangle.
حالات الاستخدام الشائعة
- إنشاء مؤشرات أسهم ومؤشرات في واجهة المستخدم
- بناء أسهم تلميحات الأدوات وأسهم القوائم المنسدلة
- تصميم فواصل أقسام قطرية زخرفية
- إنشاء فواصل مسار التنقل وأيقونات الشيفرون
- فقاعات حوار CSS بذيول مثلثية
Frequently Asked Questions About مولّد مثلث CSS
What is مولّد مثلث CSS?
مولّد مثلث CSS is a free online tool on akousa.net, a platform with 559+ browser-based utilities. إنشاء مثلثات CSS باستخدام خدعة الحدود مع 8 اتجاهات وحجم ولون مخصّصين. No installation is required.
How do I use مولّد مثلث CSS?
Simply open مولّد مثلث CSS on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.
Is مولّد مثلث CSS free?
Yes, the core مولّد مثلث CSS experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.