UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
▤

เครื่องมือสร้าง CSS Gradient

สร้างไล่เฉดสีแบบ linear หรือ radial พร้อมพรีวิวสดและคัดลอก CSS ได้ทันที

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

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

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →

เกี่ยวกับเครื่องมือนี้

สร้างไล่เฉดสีสองสีแบบ linear หรือ radial โดยเลือกสี ตำแหน่ง และมุม แล้วคัดลอกกฎ background พรีวิวสดทำงานในเบราว์เซอร์ของคุณทั้งหมด

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

มุมในไล่เฉดสีแบบ linear คืออะไร?
มุมจะกำหนดทิศทางการเปลี่ยนสี: 0° ชี้ขึ้น, 90° ชี้ไปทางขวา, 180° ชี้ลง และต่อไปเรื่อย ๆ
ควรใช้ radial แทน linear เมื่อใด?
ใช้ radial เพื่อกระจายสีออกจากจุดศูนย์กลาง (เหมือนสปอตไลต์) ส่วน linear จะไล่สีไปตามเส้นตรง

เครื่องมือเพิ่มเติม