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

منقح PDF

منقح PDF

ارسم مربعات تنقيح سوداء فوق المناطق الحساسة في صفحات PDF مباشرةً داخل متصفحك.

حاسبة المدة الزمنية

حاسبة المدة الزمنية

احسب الوقت بين تاريخين او اضف/اطرح مدة من تاريخ ووقت.

تحويل النص الى snake_case

تحويل النص الى snake_case

حول الجمل والعبارات الى تنسيق snake_case.

apps

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

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

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

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

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

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

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

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