إنشاء تدرجات نصية 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
محول Stylus إلى CSS
تحويل كود SCSS إلى CSS. سريع وسهل وآمن.
محول Sass إلى CSS
حوّل كود Sass إلى CSS. بسرعة وسهولة وأمان.
إنشاء تحويلات CSS3 بسهولة
أداة قوية وسهلة الاستخدام لإنشاء تحويلات CSS3 معقدة دون الحاجة إلى كتابة كود. قم بتصور التغييرات في الوقت الفعلي وانسخ كود CSS الذي تم إنشاؤه لاستخدامه في مشاريعك.
حاسبة التجزئة SHA-224
أنشئ تجزئات SHA-224 بسرعة وسهولة
تحويل JSON إلى XML بسهولة
حوّل بيانات JSON إلى تنسيق XML منظم بنقرة واحدة. سريع وآمن ومستند بالكامل إلى المتصفح.
إنشاء تدرجات نصية CSS جميلة بسهولة
أنشئ تأثيرات نصية متدرجة مذهلة لموقعك الإلكتروني