สร้างไล่สี CSS

linear ไล่ไปตามเส้นตรงและรับค่าองศา 90deg คือไล่จากซ้ายไปขวา ส่วน 180deg คือจากบนลงล่าง radial แผ่ออกเป็นวงจากจุดกึ่งกลาง เหมาะกับแสงเรืองและแสงสปอตไลต์ ส่วน conic กวาดวนรอบจุดหนึ่งเหมือนเข็มนาฬิกา และเป็นชนิดที่ใช้สร้างแผนภูมิวงกลมกับวงล้อสี

เลือกสีแล้วลดความทึบในตัวเลือกสีหากเบราว์เซอร์ของคุณรองรับช่องอัลฟา หรือจะแก้บรรทัดที่คัดลอกมาด้วยมือก็ได้ rgba(31, 95, 214, 0) ใช้เป็นจุดสีได้เหมือนสีทึบทุกประการ การไล่ไปหาความโปร่งใสมีประโยชน์กว่าการไล่ไปหาสีขาว เพราะใช้ได้บนพื้นหลังทุกแบบ

ได้ โดยเพิ่มอีกสองบรรทัด ใส่ไล่สีไว้ที่ background-image แล้วเพิ่ม background-clip: text กับ color: transparent ตัวอักษรจะคงรูปเดิมไว้ และไล่สีจะทะลุออกมาตามรูปตัวอักษร

องศาไม่ถูกนำมาใช้ในโหมดนั้นเลย ไล่สีแบบ radial เริ่มจากจุดกึ่งกลางและไม่มีทิศทาง ค่าองศาจึงเหลือไว้ใช้กับโหมด linear และ conic ซึ่งเป็นตัวกำหนดว่าการกวาดจะเริ่มต้นตรงไหน