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 جاهزة للنسخ.

مغير أسماء أعمدة CSV

مغير أسماء أعمدة CSV

أعد تسمية رؤوس أعمدة CSV باستخدام قائمة ربط بسيطة.

مدقق XML

مدقق XML

تحقق من صياغة XML واعرض شجرة عناصر قابلة للطي مع تفاصيل الأخطاء.

إزالة سطر فواصل

إزالة سطر فواصل

إزالة سطر فواصل و join نص into one line.

apps

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

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

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

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

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

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

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

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