مولد التدرجات
أنشئ تدرجات CSS وTailwind جميلة باستخدام محرر مرئي بديهي
النوع
الزاوية
135°Presets
نقاط اللون
%
%
.element {
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
}linear-gradient(135deg, #6366f1 0%, #ec4899 100%)الأسئلة الشائعة
ما الفرق بين التدرجات الخطية والشعاعية والمخروطية؟
تنتقل التدرجات الخطية بين الألوان على طول خط مستقيم. تنبثق التدرجات الشعاعية من نقطة مركزية نحو الخارج. تدور التدرجات المخروطية حول نقطة مركزية كعجلة الألوان.
كيف أستخدم التدرج في Tailwind CSS؟
انتقل إلى تبويب Tailwind وانسخ أسماء الفئات المولَّدة. الصقها مباشرة في أي مشروع Tailwind — لا حاجة لأي إعداد إضافي للألوان القياسية.
هل يمكنني إضافة أكثر من نقطتي لون؟
نعم — انقر على 'إضافة لون' لإضافة أي عدد تريده، ثم اسحب أو اكتب مواضع دقيقة للتحكم بدقة في مكان ظهور كل لون في التدرج.
هل يمكنني استخدام التدرج في React أو أطر عمل أخرى؟
بالتأكيد. يعمل كود CSS في أي مكان يمكنك فيه تطبيق الأنماط، بما في ذلك أنماط React المضمنة وVue وSvelte وHTML العادي وأي ورقة أنماط CSS.