1
2
3
4
5
6
CSS
rgb
background: -webkit-linear-gradient(90deg, #dd06a0, #19a6c3);
background: -moz-linear-gradient(90deg, #dd06a0, #19a6c3);
background: -ms-linear-gradient(90deg, #dd06a0, #19a6c3);
background: -o-linear-gradient(90deg, #dd06a0, #19a6c3);
background: linear-gradient(90deg, #dd06a0, #19a6c3);
background: rgb(221, 6, 160);
background: rgb(25, 166, 195);
ماهو تدرج الألوان ؟
تشير الألوان المتدرجة إلى الانتقال بين لونين أو أكثر بطريقة سلسة وتدريجية. يمكن استخدام هذا في عناصر التصميم المختلفة ، مثل الخلفيات والنصوص والصور ، لإضافة الاهتمام البصري والعمق.
لاستخدام ألوان متدرجة في سمة ما ، يمكنك استخدام برامج أو أدوات تصميم متنوعة مثل Adobe Illustrator و Photoshop و Sketch و Figma وما إلى ذلك. يمكنك إنشاء تدرج عن طريق تحديد الألوان التي تريد استخدامها ، وضبط اتجاه التدرج وزاويته ، وضبط عتامة كل لون. بمجرد إنشاء التدرج اللوني الخاص بك ، يمكنك تطبيقه على عناصر التصميم المختلفة في السمة الخاصة بك.
بالإضافة إلى برنامج التصميم ، يمكنك أيضًا استخدام CSS لإنشاء ألوان متدرجة في تطوير الويب. يمكنك استخدام وظيفة التدرج الخطي CSS لإنشاء تدرج خطي ، ووظيفة التدرج الشعاعي لإنشاء تدرج نصف قطري.