UTILS.
ทำงานในเบราว์เซอร์ 100%

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

ผสมฟิลเตอร์ CSS ด้วยตัวเลื่อนและดูตัวอย่างแบบเรียลไทม์ แล้วคัดลอก

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

ซ้อนฟิลเตอร์ blur, brightness, contrast, grayscale, sepia, saturate และ hue-rotate บนตัวอย่างแบบเรียลไทม์ แล้วคัดลอกกฎ filter ที่รวมกัน ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

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

ฉันใช้ฟิลเตอร์นี้กับรูปภาพได้ไหม?
ได้ — คัดลอกกฎไปวางบนองค์ประกอบใดก็ได้ เช่น img แล้วฟังก์ชันฟิลเตอร์ที่ระบุไว้จะถูกนำไปใช้ตามลำดับที่แสดง
ทำไมลำดับของฟังก์ชันฟิลเตอร์จึงสำคัญ?
ฟิลเตอร์ถูกนำไปใช้จากซ้ายไปขวา ดังนั้นการเบลอก่อนปรับความสว่างจะให้ผลลัพธ์ต่างจากการทำกลับกัน จัดลำดับให้ดูดีที่สุดไว้

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