CSS Reverse Blur Focus Hover Effects

竹白記事本，學習紀錄，2019/03/18。

CSS Reverse Blur Focus Hover Effects | CSS Focal Lens Hover Effect

tags: filter animation transform

CodePen

CSS Reverse Blur Focus Hover Effects

filter

filter｜MDN

將糢糊或顏色偏移等圖形效果應用於元素。濾鏡通常用於調整圖像，背景和邊框的渲染。

• grayscale，灰階
• sepia，懷舊
• saturate，飽和
• hue-rotate，色相旋轉
• invert，負片
• opacity，不透明
• brightness，亮度
• contrast，對比
• blur，糢糊
• drop-shadow，下拉陰影