移除 CSS Blur 白邊框

移除 CSS Blur 白邊框

4 月 27, 2019 | CSS

這是一張正常背景

這是一張加了 filter: blur(20px); 的背景圖，可以看到邊邊泛白，很醜

有一個作法是在上一層 DIV 另外加一層一模一樣的背景
BUT，這實在太麻煩

這時候只要在同一層加上
transform: scale(1.2);
把背景拉大就好囉！

效果

 

解決 Google 網頁字型思源黑體 Noto Sans TC 跑版問題

解決 Google 網頁字型思源黑體 Noto Sans TC 跑版問題

4 月 26, 2019 | CSS

在手機解析度下，版面會呈現這樣

看了一下CSS，沒找到什麼可疑的兇手，把 Noto Sans TC 字體關掉之後就恢復了
但我就是要用 web font 啊

把原本的 font-family:'Noto Sans TC', Arial,sans-serif;
加入第一個內建指定字型
font-family: Arial,'Noto Sans TC', Arial,sans-serif;

這樣就搞定收工囉！