วิธีการ - พื้นหลังไล่ระดับบน Scroll
เรียนรู้วิธีสร้างสีพื้นหลังแบบไล่ระดับบนแถบเลื่อน
พื้นหลังไล่โทนสี
วิธีสร้างพื้นหลังไล่ระดับบน Scroll
สร้างสีพื้นหลังการไล่ระดับสีเชิงเส้นที่เริ่มต้นจากด้านบน เริ่มจากสีน้ำเงินอมเขียว/เขียวเป็นน้ำเงิน:
ตัวอย่าง
body {
height: 3000px; /* Used to enable scrolling */
background: linear-gradient(55deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 85%);
}
เคล็ดลับ:หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับพื้นหลังแบบไล่ระดับ ให้ไปที่บทช่วยสอนการไล่ระดับสี CSS