admin管理员组

文章数量:1130349

在一些特殊的日子，我们可能会把页面变成灰色，我还有印象，有一次是一个国家纪念日，全部网页都变成了灰色，当时的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>

效果：

在一些特殊的日子，我们可能会把页面变成灰色，我还有印象，有一次是一个国家纪念日，全部网页都变成了灰色，当时的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>

效果：

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

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