CSS Gradient คืออะไร?

CSS Gradient เป็นคุณสมบัติ CSS ที่แสดงการเปลี่ยนผ่านระหว่างสองสีขึ้นไปอย่างราบรื่นโดยไม่ใช้รูปภาพ

ความแตกต่างระหว่าง gradient เชิงเส้นและรัศมี?

เชิงเส้นเปลี่ยนตามเส้นตรง รัศมีเปลี่ยนจากจุดศูนย์กลางออกด้านนอกเป็นวงกลม

ตามต้องการ แต่ละจุดกำหนดสีและตำแหน่งที่เลือกได้ (0% ถึง 100%)

คัดลอกโค้ดและใช้เป็นค่าคุณสมบัติ background หรือ background-image

สร้าง CSS gradient สวยงามแบบภาพ สร้าง gradient เชิงเส้นและรัศมีด้วยจุดหยุดสีหลายจุด

