1. 首页
  2. css

CSS使用brightness()过滤器通常高亮显示内容

RickStrahl:。多年来,我一直使用图像、背景、渐变和不透明度来有效地\”突出\”控件。当然,所有这些方法都是可行的,但大多数方法的问题是,不管怎样,你都在对颜色值、图像或渐变进行硬编码。
如果你指定精确的颜色,你当然有更多的控制权,但如果你能实现增亮、变暗,或者甚至在你的网站上用一种让人觉得有凝聚力的方式来改变色调,当然要维护的代码要少得多,
.button.specific-button {background: #4CAF50;}.button.specific-button:focus,.button.specific-button:hover {background: #A5D6A7;}/* vs. */.button:focus,.button:hover {filter: brightness(120%);}/* or maybe you\”re super hardcore and do it everywhere */:focus,:hover {filter: brightness(120%) saturate(120%);}
直接链接→

CSS使用brightness()过滤器通常高亮显示内容 为WP2原创文章,链接:https://www.wp2.cn/css/css%e4%bd%bf%e7%94%a8brightness%ef%bc%88%ef%bc%89%e8%bf%87%e6%bb%a4%e5%99%a8%e9%80%9a%e5%b8%b8%e9%ab%98%e4%ba%ae%e6%98%be%e7%a4%ba%e5%86%85%e5%ae%b9/