كيفية إنشاء أداة RAINBOW لتلوين النص باستخدام CSS

كيفية إنشاء أداة RAINBOW لتلوين النص باستخدام CSS

كيفية إنشاء أداة RAINBOW لتلوين النص باستخدام CSS ماهي أداة RAINBOW text Generator  هذا الكود يتضمن HTML وCSS وJavaScript لإنشاء أداة تقوم بتلوين النص بناءً على عدد الألوان قوس قزح المحدد من قبل المستخدم. إليك نظرة عامة على خصائص كل جزء: كيفية إنشاء أداة RAINBOW   خطوات استخدام HTML - يحتوي على عنصر `textarea` لإدخال النص. - يتضمن حقل إدخال من نوع ` number ` لتحديد عدد ألوان قوس قزح. - زر لتوليد النص الملون. - منطقة عرض ` textarea ` لعرض النص الملون المنسوب للألوان. - منطقة ` div ` لعرض المعاينة بنفس النص الملون. خطوات إستخدام  CSS - `.gen`: تنسيق زر التوليد، يشمل خلفية زرقاء ونص أبيض. - `.thetext`: تنسيق الحاوية التي تحتوي على جميع العناصر، مع تحديد أبعادها. - `.textIn` :  تنسيق منطقة إدخال النص مع شريط تمرير ومربع ظل. - `.numText` :  تنسيق نص الموجه المستخدم لتحديد عدد الألوان. - `. numIn `:  تنسيق حقل إدخال عدد الألوان، مع ألوان مميزة. - `. widget `:  تحديد تنسيق محاذاة النص في مركز العنصر. خطوات إستخدام  JavaScript  - الدالة `hslToHex(h, s, l)` :  تحول ألوان HSL إلى تنسيق HEX . - الدالة `generate()`:  تقوم بتوليد النص …