CSS 的 backdrop-filter 是和 filter 影像濾鏡類似的樣式屬性，有別於 filter 是針對「元素」，backdrop-filter 是針對「元素背景」套用濾鏡，這個單元會使用 backdrop-filter 搭配 blur()、brightness()、contrast()、invert()、drop-shadow()、opacity()、grayscale() 等函式進行背景的濾鏡處理，創造出漂亮的網頁效果。

影片重點：

• 00:00:56 使用影像混合模式 mix-blend-mode
• 00:02:44 mix-blend-mode 效果展示
• 00:04:17 文字與背景反差效果
• 00:05:56 isolation 限制影像混合範圍

相關參考：

• 教學文：CSS 影像混合模式 mix-blend-mode
• 影片連結：https://www.youtube.com/watch?v=1ZEnCCgwhL8

後記

最近一堆人瘋狂的在考 Gemini Educator 這個認證，因為考的人太多，變成感覺不是很像認證，更像是「上課之後證明自己懂了」的學習證明，而且隨著 AI 越來越普及，裡面其實有八成以上的題目用 AI 去解答都可以答對，感覺有認證沒認證都沒差....

不過我還是寫了一篇教學，裡面還有考古題呦，有興趣大家可以自己去看看～
然後我自己是拿滿分啦！一定要滿分的呀！現上認證哪次不滿分～ XD

Google Gemini Educator 線上認證 ( 包含重點題目與解答)

更多參考：

• Youtube 頻道：https://www.youtube.com/@steam.oxxostudio
• CSS 教學大全：https://steam.oxxostudio.tw/category/css/index.html