สร้างพื้นหลังแบบไล่ระดับสี (Linear และ Radial) ที่สวยงามด้วยตัวอย่างแบบเรียลไทม์ ปรับแต่งมุม สี และตำแหน่ง และรับโค้ด CSS ได้ทันที
สร้าง CSS เกรเดียนท์: 1. เลือกประเภทเกรเดียนท์ (เชิงเส้นหรือรัศมี) และตั้งค่ามุมหากทำได้ 2. เพิ่มหรือแก้ไขจุดหยุดสีเพื่อปรับแต่งการเปลี่ยนสี 3. ดูตัวอย่างผลลัพธ์แบบเรียลไทม์ และคลิก 'คัดลอก CSS' เพื่อรับรหัสสำหรับโครงการของคุณ
เครื่องมือสร้างนี้ใช้ HTML5 Canvas API เพื่อแสดงตัวอย่างเกรเดียนท์ และสร้างรหัส CSS มาตรฐาน `linear-gradient` หรือ `radial-gradient` ตามการตั้งค่าของคุณ การประมวลผลทั้งหมดดำเนินการในเครื่อง