พร็อพเพอร์ตี้ filter ใน CSS ใช้เอฟเฟกต์ภาพกับองค์ประกอบ — เบลอ ความสว่าง คอนทราสต์ และการปรับสีที่ทำงานได้กับรูปภาพ พื้นหลัง และแม้แต่วิดีโอ ต่างจากโปรแกรมแต่งภาพ ฟิลเตอร์ทำงานในเบราว์เซอร์ จึงคมชัดทุกระดับความละเอียดและแอนิเมชันลื่นไหลด้วยทรานซิชัน
ลากแถบเลื่อนเพื่อซ้อนฟังก์ชันฟิลเตอร์หลายตัวในชุดเดียว ฉากตัวอย่างอัปเดตแบบเรียลไทม์ และโค้ดที่สร้างขึ้นรวมทุกอย่างเป็นประกาศ filter เดียวพร้อมใส่ในสไตล์ชีต
Frequently Asked Questions
Q: ฟังก์ชันฟิลเตอร์ CSS มีอะไรบ้าง?
ฟังก์ชันฟิลเตอร์ CSS มีอะไรบ้าง? blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia() และ drop-shadow() เชื่อมต่อได้ไม่จำกัดจำนวนในพร็อพเพอร์ตี้ filter เดียว
Q: ฟิลเตอร์ CSS เร่งด้วย GPU ไหม?
ฟิลเตอร์ CSS เร่งด้วย GPU ไหม? ใช่ ฟังก์ชันฟิลเตอร์ส่วนใหญ่ทำงานบน GPU และแอนิเมชันที่ 60fps blur() และ drop-shadow() หนักที่สุด ใช้อย่างพอดีบนองค์ประกอบขนาดใหญ่
Q: filter มีผลต่อเลย์เอาต์ไหม?
filter มีผลต่อเลย์เอาต์ไหม? ไม่มี ฟิลเตอร์เป็นภาพล้วน — องค์ประกอบคงขนาดและตำแหน่งเดิมในโฟลว์เอกสาร ใช้ transform สำหรับการเปลี่ยนขนาด
Q: แอนิเมชันฟิลเตอร์ได้ไหม?
แอนิเมชันฟิลเตอร์ได้ไหม? ได้ แอนิเมชันพร็อพเพอร์ตี้ filter ด้วย transition หรือ keyframes การแอนิเมชันระหว่างชุดฟิลเตอร์ต่างกันที่ความยาวเท่ากันจะอินเทอร์โพเลตอย่างลื่นไหล
Q: ทำภาพขาวดำให้เป็นสีเมื่อ hover อย่างไร?
ทำภาพขาวดำให้เป็นสีเมื่อ hover อย่างไร? ใช้สองสถานะ: img { filter: grayscale(100%); transition: filter .4s; } และ img:hover { filter: grayscale(0); } รูปแบบคลาสสิกสำหรับพอร์ตโฟลิโอ
สีไทย
จากสีธงไตรรงค์ถึงสีจีวรพระ สีไทยสะท้อนพุทธศาสนา พระมหากษัตริย์ และธรรมชาติเขตร้อน สีแต่ละสีมีความหมายเชิงสัญลักษณ์ที่ลึกซึ้งในวัฒนธรรมไทย
แดงธงชาติ #A51931สีแดงของธงไตรรงค์ — ชาติ ศาสนา พระมหากษัตริย์
ขาวธงชาติ #F4F5F8สีขาวของธง — ศาสนาและความบริสุทธิ์
น้ำเงินธงชาติ #2D2A4Aสีน้ำเงินของธง — พระมหากษัตริย์
เหลืองทอง #FFD700สีทองของวัดและพระบรมมหาราชวัง
เขียวใบไม้ #228B22ความอุดมสมบูรณ์ของธรรมชาติเมืองร้อน
ชมพูบัว #F4A0B5ดอกบัวสีชมพู — สัญลักษณ์ของพุทธศาสนา
ส้มจีวร #FF7F00สีจีวรของพระสงฆ์ — ความเรียบง่ายและการละวาง
ฟ้าน้ำทะเล #00A3AFท้องทะเลอันดามันและอ่าวไทย
ม่วงอัญชัน #6A4C93สีของดอกอัญชัน — ใช้ย้อมขนมไทยโบราณ
เขียวมรกต #50C878สีพระแก้วมรกต — พระพุทธรูปศักดิ์สิทธิ์
Q: สีธงชาติไทยมีสีอะไรบ้าง?
สีธงชาติไทยมีสีอะไรบ้าง? ธงไตรรงค์ประกอบด้วย แดง (#A51931) หมายถึงชาติ, ขาว (#F4F5F8) หมายถึงศาสนา, และน้ำเงิน (#2D2A4A) หมายถึงพระมหากษัตริย์
Q: สีจีวรพระคือสีอะไร?
สีจีวรพระคือสีอะไร? สีจีวรของพระสงฆ์ไทยเป็นสีส้มอมเหลือง (#FF7F00) หรือสีแก่นขนุน สื่อถึงความเรียบง่าย สันโดษ และการละวางทางโลก