OneKitTools logoOneKitTools

مولّد التدرجات

إنشاء تدرجات CSS مع 15 قالباً والتصدير إلى CSS و Tailwind و SCSS و PNG

حول مولّد التدرجات

أنشئ تدرجات CSS مخصصة مع 15 قالباً ومعاينة حية والتصدير إلى CSS و Tailwind و SCSS أو PNG.

كيفية استخدام مولّد التدرجات

  1. 1اختر نوع التدرج: خطي أو شعاعي أو مخروطي.
  2. 2أضف أو عدّل الألوان — اسحب نقاط التوقف لضبط المواضع.
  3. 3حدد الزاوية (خطي) أو الشكل (شعاعي: دائرة/قطع ناقص).
  4. 4Starter+: اختر من 15 قالباً احترافياً أو انقر "عشوائي".
  5. 5انسخ كود CSS أو صدّر إلى Tailwind أو SCSS أو PNG.

نصائح

  • الوضع المخروطي مثالي لتأثيرات عجلة الألوان أو مؤشرات القرص.
  • حمّل التدرج كـ PNG لاستخدامه كخلفية أو بانر أو عنصر نائب.
  • تُظهر معاينة النص كيف يبدو التدرج كتأثير background-clip: text.

أدوات ذات صلة

فريق OneKitToolsتم التحديث 2.21.4