สร้าง

สร้างไล่สี CSS

สร้างไล่สี CSS สวยงามพร้อมตัวอย่างแบบสด

มุม135°

จุดสี

#6366f10%

#ec4899100%

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

เกี่ยวกับ สร้างไล่สี CSS

เครื่องมือสร้างไล่ระดับสี CSS สร้างไล่ระดับสีแบบเส้นตรงและวงกลมที่สวยงามพร้อมตัวอย่างแบบสด ให้โค้ด CSS พร้อมใช้งานที่คุณสามารถคัดลอกลงในโปรเจกต์ได้โดยตรง เครื่องมือฟรีนี้ทำงานในเบราว์เซอร์และไม่จัดเก็บข้อมูลบนเซิร์ฟเวอร์

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

ฉันจะสร้างไล่ระดับสี CSS ได้อย่างไร?

เลือกประเภทไล่ระดับสี เลือกสีด้วยตัวเลือกสี ปรับทิศทางหรือมุม และดูผลลัพธ์แบบเรียลไทม์ เมื่อพอใจกับไล่ระดับสีแล้ว คัดลอกโค้ด CSS ที่สร้างขึ้นแล้ววางลงในสไตล์ชีตของคุณ

มีข้อมูลถูกบันทึกหรือส่งออกหรือไม่?

ไม่ ไล่ระดับสีถูกสร้างในเบราว์เซอร์ทั้งหมด ไม่มีสี การตั้งค่า หรือโค้ด CSS ถูกส่งไปยังเซิร์ฟเวอร์ ทุกอย่างอยู่บนอุปกรณ์ของคุณจนกว่าคุณจะคัดลอกโค้ดที่สร้างขึ้น

ฉันสามารถสร้างไล่ระดับสีที่มีมากกว่าสองสีได้ไหม?

ได้ คุณสามารถเพิ่มจุดหยุดสีหลายจุดเพื่อสร้างไล่ระดับสีที่ซับซ้อนและหลากสี คุณยังสามารถปรับตำแหน่งของจุดหยุดสีแต่ละจุดและมุมหรือทิศทางของไล่ระดับสีเพื่อให้ได้เอฟเฟกต์ภาพที่ต้องการ

เกี่ยวกับ สร้างไล่สี CSS

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

ฉันจะสร้างไล่ระดับสี CSS ได้อย่างไร?

มีข้อมูลถูกบันทึกหรือส่งออกหรือไม่?

ฉันสามารถสร้างไล่ระดับสีที่มีมากกว่าสองสีได้ไหม?