สร้าง Gradient

วิธีใช้งาน

1. 1

   เลือกประเภท gradient: linear หรือ radial

2. 2

   เพิ่ม color stop โดยคลิกบน gradient bar แล้วเลือกสี

3. 3

   ลาก stop เพื่อปรับตำแหน่ง หรือตั้งมุมสำหรับ linear gradient

4. 4

   ดูตัวอย่าง gradient แบบเรียลไทม์บน canvas

5. 5

   คัดลอก CSS ที่สร้างขึ้นด้วยปุ่ม copy แล้ววางใน stylesheet ได้เลย

ตัวอย่างการใช้งาน

คำถามที่พบบ่อย

สร้าง CSS linear และ radial gradient แบบเห็นภาพ คัดลอกโค้ดพร้อมใช้ได้เลย เหมาะสำหรับ frontend ที่ทำ hero section, ดีไซเนอร์ที่ทำ prototype background และคนที่เบื่อเดา color stop เอง