Question 1

ฟังก์ชันฟิลเตอร์ CSS มีอะไรบ้าง?

Accepted Answer

ฟังก์ชันฟิลเตอร์ CSS มีอะไรบ้าง? blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() และ drop-shadow() เชื่อมต่อได้ไม่จำกัดจำนวนในพร็อพเพอร์ตี้ filter เดียว

Question 2

ฟิลเตอร์ CSS เร่งด้วย GPU ไหม?

Accepted Answer

ฟิลเตอร์ CSS เร่งด้วย GPU ไหม? ใช่ ฟังก์ชันฟิลเตอร์ส่วนใหญ่ทำงานบน GPU และแอนิเมชันที่ 60fps blur() และ drop-shadow() หนักที่สุด ใช้อย่างพอดีบนองค์ประกอบขนาดใหญ่

Question 3

filter มีผลต่อเลย์เอาต์ไหม?

Accepted Answer

filter มีผลต่อเลย์เอาต์ไหม? ไม่มี ฟิลเตอร์เป็นภาพล้วน — องค์ประกอบคงขนาดและตำแหน่งเดิมในโฟลว์เอกสาร ใช้ transform สำหรับการเปลี่ยนขนาด

Question 4

แอนิเมชันฟิลเตอร์ได้ไหม?

Accepted Answer

แอนิเมชันฟิลเตอร์ได้ไหม? ได้ แอนิเมชันพร็อพเพอร์ตี้ filter ด้วย transition หรือ keyframes การแอนิเมชันระหว่างชุดฟิลเตอร์ต่างกันที่ความยาวเท่ากันจะอินเทอร์โพเลตอย่างลื่นไหล

Question 5

ทำภาพขาวดำให้เป็นสีเมื่อ hover อย่างไร?

Accepted Answer

ทำภาพขาวดำให้เป็นสีเมื่อ hover อย่างไร? ใช้สองสถานะ: img { filter: grayscale(100%); transition: filter .4s; } และ img:hover { filter: grayscale(0); } รูปแบบคลาสสิกสำหรับพอร์ตโฟลิโอ

เครื่องสร้างฟิลเตอร์ CSS

🎞️ เครื่องสร้างฟิลเตอร์ CSS

คู่มือฟิลเตอร์ CSS

Pro Tips

Frequently Asked Questions

สีไทย