เครื่องมือสร้างไล่ระดับสีของ CSS
สร้างไล่ระดับสีของ CSS แบบเส้นตรงและแบบรัศมี เลือกสีแบบเห็นภาพและคัดลอก CSS ที่สร้างขึ้น
background: linear-gradient(135deg, #535beb, #7c3aed);
เครื่องมือสร้างไล่ระดับสีของ CSS คืออะไร?
ไล่ระดับสีของ CSS คือการเปลี่ยนสีระหว่างสองสีหรือมากกว่า ไล่ระดับสีแบบเส้นตรงจะไหลไปในทิศทางเดียว ส่วนแบบรัศมีจะแผ่ออกจากจุดหนึ่ง เครื่องมือสร้างนี้ครอบคลุมกรณีที่พบบ่อย สำหรับไล่ระดับสีที่ซับซ้อนแบบหลายจุดหยุดพร้อมตำแหน่งที่กำหนดเอง ให้สร้างด้วยตนเอง
คำถามที่พบบ่อย
ไล่ระดับสีมีประสิทธิภาพหรือไม่?▼
ฉันสามารถทำแอนิเมชันไล่ระดับสีได้หรือไม่?▼
เครื่องมือที่เกี่ยวข้อง
เครื่องมือแปลงสี (HEX/RGB/HSL)
แปลงสีระหว่างรูปแบบ HEX, RGB และ HSL เลือกสีด้วยภาพหรือป้อนค่าด้วยตนเอง
เครื่องมือสร้าง Box Shadow CSS
สร้างค่า box-shadow ใน CSS แบบมองเห็นภาพได้ ดูตัวอย่างแบบเรียลไทม์และคัดลอก CSS ที่สร้างขึ้น
เครื่องมือสร้างเส้นโค้งการเร่งความเร็ว Cubic Bezier
สร้างเส้นโค้งการเร่งความเร็ว cubic-bezier สำหรับ CSS รวมค่าที่ตั้งไว้ล่วงหน้าแบบมาตรฐาน
เครื่องมือสร้างชุดสี
สร้างชุดสีที่กลมกลืนจากสีฐานใดก็ได้ รองรับโทนสีคู่ตรงข้าม สีข้างเคียง สามสีไตรแอด และสีโมโนโครม
เครื่องมือสร้าง Border Radius CSS
สร้างค่า border-radius ที่ซับซ้อนใน CSS แบบมองเห็นภาพได้ ควบคุมแต่ละมุมได้อย่างอิสระ
ตัวสร้าง CSS Clamp()
สร้างค่า CSS แบบลื่นไหลและตอบสนองด้วย clamp() ปรับขนาดอย่างนุ่มนวลระหว่างขนาดต่ำสุดและสูงสุดตลอดช่วงของ viewport