เครื่องกำเนิดการไล่ระดับสี CSS Conic
สร้างการไล่ระดับสี CSS แบบมองเห็นได้: แบบเชิงเส้น แนวรัศมี หรือทรงกรวย แถบเลื่อนมุม และการหยุดสีสูงสุด 6 สีพร้อมการแสดงตัวอย่างแบบเต็มความกว้างแบบสดและโค้ดที่คัดลอกได้
ผลลัพธ์
หน้านี้จะเปิดเครื่องสร้างการไล่ระดับสีด้วยประเภททรงกรวยที่เลือกไว้แล้ว: แทนที่จะจางหายไปตามเส้นหรือออกจากศูนย์กลาง สีจะกวาดไปรอบๆ ตรงกลางเหมือนกับเข็มนาฬิกา โดยเริ่มจากมุมที่คุณตั้งไว้บนแถบเลื่อน
conic-gradient() เป็นฟังก์ชันใหม่ล่าสุดในสามฟังก์ชันไล่ระดับสี CSS และเป็นฟังก์ชันที่อยู่เบื้องหลังแผนภูมิวงกลม วงล้อสี และเอฟเฟกต์ขอบหมุนที่สะดุดตา ตำแหน่งหยุดเป็นเปอร์เซ็นต์คือตำแหน่งรอบๆ วงกลม โดยสองตำแหน่งที่ 0% และ 100% ผสมผสานกันได้อย่างราบรื่นตลอดทาง ในขณะที่จุดหยุดที่วางไว้ใกล้กันทำให้เกิดลิ่มที่คมชัด
ปรับมุมเริ่มต้นและหยุดจนกว่าตัวอย่างจะอ่านถูกต้อง จากนั้นคัดลอกเส้นพื้นหลัง เบราว์เซอร์สมัยใหม่ทั้งหมดรองรับการไล่ระดับสีแบบกรวย ดังนั้นโค้ดจึงสามารถจัดส่งได้อย่างปลอดภัย