CSS3 Filter详解(改变模糊度 亮度 透明度等方法) - 风雨后见彩虹 - 博客园 (cnblogs.com)
亮度:
下面二选一 都可以 第一种可能会有游览器不支持
filter: brightness(0.5);
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-o-filter: brightness(1.3);
-ms-filter: brightness(1.3);
虽然不知道下面的是什么 但是后面 的属性很厉害 会有一个很好的效果 (给她整个页面的宽 一定的高)
background属性是背景样式的速记(缩写)用法,可以在一个声明中设置所有的背景属性。
可以设置的属性分别是:background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment,和background-image。
top/cover这种速记语法,实际表示设置background-position为top,表示背景图像定位靠齐容器顶部background-size为cover,表示会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。具体语法可参考
background: url('图片'.jpg') no-repeat top center / cover !important;
no-repeat center center / cover;
这里给大家分享的这个网站,大家可以体验下 CSS3 对图片的处理效果,例如灰度,模糊,饱和,老照片等。
体验地址:http://www.cssreflex.com/css-generators/filter
挺有意思的属性:
mix-blend-mode:difference
相当于 background-size:cover
object-fit: cover;