CSS 中有一種內(nèi)邊緣模糊的技術(shù),可以使得一些圖片或者文本的邊緣顯得更加柔和,從而美觀一些。下面介紹一下使用 CSS 內(nèi)邊緣模糊的方法:
.blur { -webkit-filter: blur(5px); filter: blur(5px); }
在這個方法中,我們給圖片或者文本添加了一個 CSS 濾鏡叫做 blur。blur 后面的括號中的數(shù)值代表著模糊的程度,單位是像素。如果數(shù)值越大,模糊的程度就越高。
需要注意的是,這個 CSS 濾鏡只能在一些新的瀏覽器中使用,比如 Chrome、Firefox、Safari 等。而且它的性能也會受到影響,如果需要用到大量的模糊效果,最好使用其他的方法,比如用 PS 或 Sketch 來處理圖片。
總之,CSS 中的內(nèi)邊緣模糊是一種可以很好地提升頁面美觀度的技術(shù),在適合的時候可以考慮使用。