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

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

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

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

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

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

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

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

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

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

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

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