Softonic

مولد أسهم CSS

خطوة 1 / 2
التالي

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

إنشاء سهم CSS

  1. 1

    اختر الاتجاه

    اختر يميناً أو يساراً أو أعلى أو أسفل.

  2. 2

    اضبط المظهر

    حدد اللون والحجم والسماكة بالبكسل.

  3. 3

    انسخ CSS

    راجع المعاينة وانسخ القاعدة.

ينشئ المولد عنصراً مربعاً واحداً باسم .arrow باستخدام display: inline-block وعرض وارتفاع متساويين وحداً أيمن وسفلياً وتدويراً للاتجاهات الأربعة.

لا ينشئ مثلثات حدود أو clip-path أو SVG أو تدرجات أو أسهماً قطرية أو ذيول تلميحات. ولا يوفر HTML أو تحققاً من التخطيط أو نصائح توافق. اختبر القاعدة المنسوخة في صفحتك.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

قائمة قابلة للبحث بكيانات HTML، مع رموزها المسمّاة والرقمية، بالإضافة إلى خيار النسخ بنقرة واحدة للأحرف والرموز الخاصة.

مرجع اختصارات لوحة المفاتيح

ابحث في الاختصارات الافتراضية الموثقة لـ VS Code وChrome وBash مع GNU Readline على macOS وWindows وLinux.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

منسق JSON

الصق JSON لتنسيقه بمسافتين أو أربع مسافات، أو تصغيره إلى ناتج مضغوط، أو فحص بنيته بسرعة قبل نسخ النتيجة.

مولد لوحة الألوان

أنشئ لوحات ألوان أحادية أو متجاورة أو مكملة أو ثلاثية أو رباعية من لون HEX أساسي، ثم صدّر متغيرات CSS جاهزة للنسخ.

الأداة متاحة بلغات أخرى