admin 管理员组

文章数量: 1184232
在一些特殊的日子，我们可能会把页面变成灰色，我还有印象，有一次是一个国家纪念日，全部网页都变成了灰色，当时的4399小游戏都不能玩，我们思考一下他是怎么做到的呢，肯定不能一个一个的去改样式，其实他是用到了一个css的滤镜属性。举个例子：
 <div class="contain">
        <h1>如何成为一个好的前端工程师</h1>
        <h5>努力学习，不断进步</h5>
        <img src="./image/1.jpeg" alt="">
        <img src="./image/10.jpeg" alt="">
        <img src="./image/11.jpeg" alt="">
    </div>
<style>
    h5 {
        color: red;
    }
</style>

效果：

要想变成灰色，我们可以直接在最外层盒子上添加filter滤镜，大家看一下css代码：
<style>
    .contain{
        filter: grayscale(100%);
    }
    h5 {
        color: red;
    }
</style>

效果：

本文标签： 是怎么 纪念日 页面 filter grayscale

版权声明：本文标题：纪念日页面变灰是怎么实现的( filter: grayscale(100%)；) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1754893511a3048260.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。