Tiny Online Tools logoTiny Online Toolssearchابحث في الادوات…grid_viewكل الادوات
الرئيسيةchevron_rightادوات التصميمchevron_rightمولِّد متغيرات CSSمولِّد متغيرات CSS

مولِّد متغيرات CSS

إنشاء خصائص CSS المخصصة (المتغيرات) لألوانك ومقاسات التصميم.

ادوات مشابهة

مولِّد ألوان Tailwind

مولِّد ألوان Tailwind

إنشاء تدرجات ألوان Tailwind CSS مخصصة من لون أساسي.

مولد CSS Grid

مولد CSS Grid

أنشئ تخطيطات CSS Grid متجاوبة مع معاينة مباشرة وكود جاهز للنسخ.

مولد النص المتدرج CSS

مولد النص المتدرج CSS

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

مولد حركات CSS

مولد حركات CSS

أنشئ حركات CSS قابلة لإعادة الاستخدام مع معاينة حركة مباشرة وkeyframes جاهزة للنسخ.

SVG إلى خلفية CSS

SVG إلى خلفية CSS

تحويل كود SVG إلى عنوان URL بيانات لـ background-image في CSS.

HTML Entity مفكك

HTML Entity مفكك

فك الترميز HTML entities back إلى readable characters. Supports all named entities, decimal و hexadecimal numeric references.

تحويل PNG إلى SVG

تحويل PNG إلى SVG

ضع الصورة النقطية داخل حاوية SVG أو حوّل فن البكسل إلى مستطيلات ملوّنة.

apps

المزيد من الادوات

تصفح مجموعتنا الكاملة من الادوات المجانية عبر الانترنت.

مولِّد متغيرات CSS

يساعدك مولِّد متغيرات CSS على إنشاء خصائص CSS مخصصة منظمة لألوانك وأحجام المسافات وقيم التصميم الأخرى.

متى تكون هذه الأداة مفيدة

  • بناء أنظمة تصميم قابلة للصيانة
  • توليد متغيرات CSS من قيم التصميم
  • إنشاء أسماء متغيرات متسقة عبر مشروعك

سير العمل المعتاد

  1. أدخل قيم التصميم التي تريد تحويلها لمتغيرات.
  2. راجع المتغيرات المولَّدة.
  3. انسخ الكود وأضفه إلى ملفات CSS الخاصة بك.