เกี่ยวกับเครื่องมือนี้
สร้างลวดลายพื้นหลังแบบซ้ำ — ลายทาง, ลายหมากรุก, จุด หรือตาราง — จากสองสีและขนาด โดยใช้ gradient เท่านั้น แล้วคัดลอก CSS ตัวอย่างอัปเดตแบบเรียลไทม์ในเบราว์เซอร์ของคุณ
คำถามที่พบบ่อย
ลวดลายเหล่านี้สร้างขึ้นโดยไม่ใช้รูปภาพได้อย่างไร?
ใช้ CSS linear และ radial gradient ร่วมกับ background-size ซึ่งเบราว์เซอร์จะปูซ้ำเพื่อวาดลวดลายที่ทำซ้ำ
ลวดลายจะปรับขนาดบนหน้าจอความละเอียดสูงได้ไหม?
ได้ — gradient เป็นแบบเวกเตอร์ ลวดลายจึงคมชัดที่ทุกความละเอียดหรือระดับการซูม