ออกแบบ
ตัวสร้างการไล่สี CSS
สร้าง CSS gradients แบบเห็นภาพ
วิธีใช้
เลือกค่าที่ตั้งไว้หรือสร้างใหม่: เพิ่มจุดสี ลากตำแหน่ง สลับระหว่าง linear / radial / conic คัดลอก CSS หรือตัวอย่างคลาส Tailwind
คำถามที่พบบ่อย
รองรับ gradient ประเภทใดบ้าง?
แบบเส้นตรง (ทุกมุม), แบบรัศมี (วงกลมจากจุดศูนย์กลาง) และแบบกรวย (วงล้อสี) แต่ละแบบรองรับ color stop หลายจุดที่ลากปรับตำแหน่งได้
ใช้ CSS อย่างไร?
คัดลอกบรรทัด background ที่สร้างขึ้นไปยัง stylesheet หรือวางใน arbitrary value ของ Tailwind เช่น bg-[linear-gradient(...)]
เริ่มจากพรีเซ็ตได้ไหม?
ได้ — คลิกหนึ่งในพรีเซ็ต 12 แบบ (พระอาทิตย์ตก, มหาสมุทร, สปอตไลต์แบบรัศมี, รุ้งแบบกรวย และอื่น ๆ) แล้วปรับ color stop และมุม
อัปเดตล่าสุด: