CSS Gradient คืออะไร
**การไล่ระดับสี** CSS เป็นเทคนิคที่บรรลุพื้นหลังและการตกแต่งที่ผสมผสานสองสีหรือมากกว่าอย่างราบรื่นโดยใช้เพียงโค้ด CSS โดยไม่มีไฟล์รูปภาพ
การไล่ระดับสีเชิงเส้น (linear-gradient)
การไล่ระดับสีที่สีเปลี่ยนไปตาม **เชิงเส้น** ตาม **มุม** หรือ **ทิศทาง** ที่ระบุ สามารถกำหนดมุมได้อย่างอิสระตั้งแต่ **0** องศา (ขึ้นไป) ถึง **360** องศา (วงกลมเต็ม) และยังสามารถระบุทิศทางได้ เช่น '**to bottom**' และ '**to right**'
การไล่ระดับสีแนวรัศมี (radial-gradient)
การไล่ระดับสีที่สี **กระจายตัว** **แนวรัศมี** จาก **ศูนย์กลาง** คุณสามารถเลือก **วงกลม** หรือ **วงรี** รูปร่าง และปรับตำแหน่งศูนย์กลางและการกระจาย เหมาะสำหรับการตกแต่งปุ่มและไอคอน
จุดหยุดสี (Color Stops) คืออะไร
จุดหยุดสีคือ **ตำแหน่ง** ที่มีการวางสีเฉพาะภายใน **การไล่ระดับสี** สามารถวางสีจำนวนเท่าใดก็ได้ที่ตำแหน่งใดก็ได้ตั้งแต่ **0%** (ตำแหน่งเริ่มต้น) ถึง **100%** (ตำแหน่งสิ้นสุด) การรวมจุดหยุดสีหลายจุดเข้าด้วยกันจะสร้างการไล่ระดับสีที่ซับซ้อนและสวยงาม