CSS 中有一种内边缘模糊的技术,可以使得一些图片或者文本的边缘显得更加柔和,从而美观一些。下面介绍一下使用 CSS 内边缘模糊的方法:
.blur { -webkit-filter: blur(5px); filter: blur(5px); }
在这个方法中,我们给图片或者文本添加了一个 CSS 滤镜叫做 blur。blur 后面的括号中的数值代表着模糊的程度,单位是像素。如果数值越大,模糊的程度就越高。
需要注意的是,这个 CSS 滤镜只能在一些新的浏览器中使用,比如 Chrome、Firefox、Safari 等。而且它的性能也会受到影响,如果需要用到大量的模糊效果,最好使用其他的方法,比如用 PS 或 Sketch 来处理图片。
总之,CSS 中的内边缘模糊是一种可以很好地提升页面美观度的技术,在适合的时候可以考虑使用。