إنشاء تدرجات نصية CSS جميلة بسهولة
أنشئ تأثيرات نصية متدرجة مذهلة لموقعك الإلكتروني
عناصر التحكم في التدرج CSS
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
التدرجات
كيفية الاستخدام
أدخل النص
الخاص بك اكتب النص الذي تريد تطبيق التدرج عليه في " حقل إدخال النص.
اختر نوع
حدد بين أنواع التدرج الخطي أو الشعاعي أو المخروطي.
ضبط الاتجاه أو الزاوية
بالنسبة للتدرجات الخطية ، اختر اتجاه. بالنسبة للتدرجات المخروطية ، اضبط الزاوية.
تخصيص الألوان
أضف أو أزال أو اضبط توقفات الألوان ومواضعها لإنشاء التدرج الذي تريده.
نسخ أو حفظ CSS
انسخ كود CSS الذي تم إنشاؤه أو احفظه كملف CSS لاستخدامه في مشاريعك.
حول التدرجات النصية تسمح
لك تدرجات نص CSS بتطبيق تدرجات تدرج جميلة متعددة الألوان مباشرة على النص. كان هذا التأثير ممكنا في السابق فقط مع الصور ، لكن CSS الحديث يجعله بسيطا وفعالا.
دعم المتصفح:يتم دعم تدرجات النص في جميع المتصفحات الحديثة ، بما في ذلك Chrome و Firefox و Safari و Edge. بالنسبة للمتصفحات القديمة مثل Internet Explorer ، سيعود النص إلى اللون الخالص.
نصائح الاستخدام:تعمل تدرجات النص بشكل أفضل مع النص الغامق ومجموعات الألوان عالية التباين. اكسبمع أنواع واتجاهات التدرج المختلفة لتحقيق التأثير المطلوب.
Related Tools
محول Sass إلى CSS
حوّل كود Sass إلى CSS. بسرعة وسهولة وأمان.
محول Stylus إلى CSS
تحويل كود SCSS إلى CSS. سريع وسهل وآمن.
إنشاء تحويلات CSS3 بسهولة
أداة قوية وسهلة الاستخدام لإنشاء تحويلات CSS3 معقدة دون الحاجة إلى كتابة كود. قم بتصور التغييرات في الوقت الفعلي وانسخ كود CSS الذي تم إنشاؤه لاستخدامه في مشاريعك.
محول وحدات الضغط
قم بالتحويل بين وحدات الضغط المختلفة بدقة لتلبية احتياجاتك الهندسية والعلمية
تحويل HEX إلى Pantone
تحويل رموز الألوان HEX بدقة إلى ألوان Pantone Matching System® لتلبية احتياجات التصميم الاحترافي
محول Base64 إلى صورة
تحويل سلاسل Base64 إلى صور لتطوير الويب وتصور البيانات