HeronTool
العربية▾
تسجيل الدخول
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
الرئيسية › موارد التصميم › CSS Triangle Generator

CSS Triangle Generator

أنشئ أكواد CSS نقية لمثلثات في أي اتجاه ولون.

تصميم

طريقة الاستخدام

  1. اختر الاتجاه.
  2. حدّد الحجم واللون.
  3. انسخ كود CSS المُولّد.

حالات الاستخدام

تُبنى مثلثات CSS باستخدام حدود شفافة — دون الحاجة إلى صور.

لا يتم رفع أي شيء — كل المعالجة محليًا في متصفحك.

تعليق / إبلاغ / ملاحظاتي

سجّل الدخول أولاً — تسجيل الدخول

سجّل الدخول أولاً — تسجيل الدخول

سجّل الدخول أولاً — تسجيل الدخول

أدوات ذات صلة
مولد التدرجات أنشئ تدرجات CSS خطية/شعاعية مع معاينة فورية. تدرج معاينة الخطوط اكتب نصًا وبدّل عائلة الخط لمعاينة مباشرة. خط البحث عن الأيقونات ابحث في أيقونات Tabler وانسخ SVG بنقرة واحدة. أيقونة مولد لوحات الألوان ابنِ لوحة ألوان متناغمة (متقاربة/مكملة) من لون أساسي. لوحة مولد النماذج أفلت رابطًا أو لقطة شاشة داخل إطار mockup جهاز. مخطط تباين الألوان تحقق من تباين WCAG للنص على الخلفية. تباين مولد box-shadow ابنِ box-shadow CSS بصريًا. ظل مولد text-shadow ابنِ text-shadow CSS. ظل