สร้างพื้นหลังไล่สีและโค้ด CSS: ตำแหน่งจุดสีเป็นสัดส่วน ไม่ใช่ความเข้ม

จุดสีไม่ใช่สัดส่วนผสมอย่างเดียว

ตำแหน่ง 0 และ 100 กำหนดต้นกับปลายแนวไล่สี หากวางสองสีที่ตำแหน่งเดียวกันจะเกิดขอบตัดแทนการไล่ต่อเนื่อง ควรดูภาพตัวอย่างก่อนคัดลอก

Linear กับ Radial ใช้พื้นที่ต่างกัน

Linear 90° ไล่จากซ้ายไปขวา ส่วน Radial ของเครื่องมือนี้ใช้วงรีที่ศูนย์กลาง ขนาดกล่องปลายทางมีผลกับภาพที่เห็น โดยเฉพาะเมื่อเปลี่ยนจากกล่องกว้างบนคอมพิวเตอร์เป็นกล่องแคบบนมือถือ

นำโค้ดไปใช้โดยตรวจของเดิม

ผลเป็นประกาศ background ซึ่งอาจทับค่าพื้นหลังเดิมขององค์ประกอบ ควรลองในพื้นที่ทดสอบและตรวจข้อความที่อยู่เหนือทุกช่วงสี ไม่ใช้การผ่าน contrast ที่ปลายสีเพียงจุดเดียวแทนทั้งพื้นหลัง

ทดลองกับข้อมูลของคุณ

เปิดสร้างพื้นหลังไล่สีและโค้ด CSS แล้วใช้ คู่มือทีละขั้น เมื่อต้องการตรวจช่องกรอก

อ่านประกอบ: MDN: พื้นหลัง Linear Gradient เป็นแหล่งข้อมูลพื้นฐาน ไม่ใช่การรับรองเครื่องมือหรือผลเฉพาะของผู้ใช้