css使背景图更亮 |css3的手机点击效果代码

/*先添加一个背景图片*/
body {
background-image: url("example.jpg");
}
/*然后使用CSS filter属性使图片亮度增加*/
body {
filter: brightness(130%);
}

在上面的代码中，大家先添加了一个背景图片到body元素中，然后在body的CSS样式中使用了filter属性，并把亮度值调整为130%。这样就能让图片变得更明亮。

除了brightness()方法，还有很多其他的CSS filter属性可以用于修改图片的颜色和外观。例如，大家可以使用saturate()方法增加饱和度，使用contrast()方法增加对比度，等等。

/*将图片饱和度增加至150%*/
body {
filter: saturate(150%);
}
/*增加图片对比度至200%*/
body {
filter: contrast(200%);
}

在使用filter属性时，大家需要注意以下几点：

• filter属性可能会影响元素的性能，因为它是在渲染阶段中处理的。
• 一些浏览器可能不支持所有的CSS filter属性。
• 对于某些属性，如blur()方法，需要使用WebKit前缀来兼容不同的浏览器。

因此，在使用CSS filter属性时，大家需要根据设计要求和浏览器兼容性做出合适的选择。