เครื่องสร้าง Gradient
สร้างและดูตัวอย่าง CSS gradients ด้วยภาพ
การตั้งค่า Gradient
ตั้งค่าประเภทและทิศทางของ gradient
จุดหยุดสี
ตั้งค่าสีและตำแหน่งของ gradient
%
%
ค่าที่ตั้งไว้ล่วงหน้า
ลองใช้ gradients ที่กำหนดไว้ล่วงหน้า
ดูตัวอย่าง
ดู gradient ที่สร้างขึ้น
CSS ที่สร้างขึ้น
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);คำอธิบายประเภท Gradient
Linear Gradient
Gradient ที่เปลี่ยนสีในทิศทางเส้นตรง คุณสามารถปรับมุมเพื่อกำหนดทิศทางได้
Radial Gradient
Gradient ที่เปลี่ยนสีจากจุดศูนย์กลางออกไปด้านนอกในรูปร่างวงกลมหรือวงรี
Conic Gradient
Gradient รูปกรวยที่เปลี่ยนสีขณะหมุนรอบจุดศูนย์กลาง