تدرج CSS
تدرج CSS: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
تدرج CSS: المدخلات والنتائج والحدود
تدرج CSS: جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
تفاصيل الأمثلة والأسئلة أدناه باللغة الإنجليزية حالياً. راجع تنسيق الملف والنتيجة قبل الاستخدام؛ لا تتغير ملفاتك الأصلية.
خطوات الاستخدام
- أدخل النص أو استخدم المثال الموضّح في الأداة.
- راجع الخيارات قبل التشغيل: اللون الأول: #426bd1 · اللون الثاني: #d4f178 · الزاوية بالدرجات: 120
- راجع المعاينة أو النص الناتج ثم نزّل ملفاً جديداً.
حالة استخدام توضيحية
A two-colour linear gradient previewed before copying CSS.
Select a real sample file you are allowed to process. Begin with a short, simple input before attempting a complex document or recording.
طريقة فحص الناتج
Review the angle and text contrast across the whole gradient. Use the result as one CSS declaration in your existing component styles.
حدود الأداة
جهّز الألوان والملفات البصرية وراجعها في واجهتك قبل النشر.
الإعدادات والقيم الابتدائية
| الإعداد | القيمة الابتدائية |
|---|---|
| اللون الأول | #426bd1 |
| اللون الثاني | #d4f178 |
| الزاوية بالدرجات | 120 |
حل المشكلات
Inspect the result in the destination component or viewer. A declaration needs a valid CSS context; an image needs suitable dimensions; a sanitized SVG can lose unsupported features.
الأسئلة الشائعة
Does the generator create an image file?
No. It provides CSS and a live preview. A raster image export is a different workflow.
What input does CSS gradient need?
Use the sample text shown below, then replace it with your own input. Review the result for the destination where it will be used.
Which options does CSS gradient provide?
First colour, Second colour, Angle (degrees). Review the starting values in the table and adjust them for your input.
المعالجة على جهازك؛ نسّق النص النهائي وراجع الناتج قبل المشاركة.
JavaScript enables the interactive workspace.