css如何让图片变亮
本篇内容主要讲解“css如何让图片变亮”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css如何让图片变亮”吧!
成都创新互联专注于企业成都全网营销推广、网站重做改版、余杭网站定制设计、自适应品牌网站建设、H5技术、商城建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为余杭等各大城市提供网站开发制作服务。
css中,可利用filter属性和brightness()函数来让图片变亮,filter属性用于设置图片元素的可视效果,配合brightness()使用可调整图片的亮度,语法为“图片元素{filter:brightness(亮度值);}”。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css怎么让图片变亮
可以通过filter滤镜属性来让图片变亮,filter 属性定义了元素(通常是)的可视效果(例如:模糊与饱和度)。
当属性值为brightness时,给图片应用一种线性乘法,使其看起来更亮或更暗。如果值是0%,图像会全黑。值是100%,则图像无变化。其他的值对应线性乘数效果。值超过100%也是可以的,图像会比原来更亮。如果没有设定值,默认是1。
示例如下:
Document
输出结果:
到此,相信大家对“css如何让图片变亮”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
文章标题:css如何让图片变亮
新闻来源:http://ybzwz.com/article/gseopj.html