整个网站变为灰色

发表于2022-12-05|前端

|总字数:59|阅读时长:1分钟|浏览量:

添加整个网站变灰的开关

添加网站变灰的css文件

html {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

index.styl 控制该css文件是否引入

1 2	if hexo-config('whole_blog_grey.enable') @import 'grey/index.css'

效果

文章作者: programApe

文章链接: https://blog.allbs.cn/posts/59801/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源共赴良策！

赞助

支付宝
微信
qq

相关推荐

前端代码示例及记录

背景图片自适应大小 12345background-image: url("../../static/permission/login-bg.png");background-repeat: no-repeat;background-size: 100% 100%;height: 100vh;width: 100vw; 点击非目标元素使目标消失 1234<img src="../../static/equip/tip.png" class='has-tooltip' @click="clickImg" @click.stop="tooltipShow = true"/><div class="tooltip-div" v-bind:class="tooltipShow ? 'o-1' : 'o-0'" ref="showTooltip"> <span...

element-ui 组件样式修改

el-select 样式修改原生修改后组件 1234567891011121314<el-select v-model="czValue" default-first-option size="small" class="e-m-t-20 e-m-l-20" style="width: 100px" > <el-option v-for="item in czList" :key="item.code" :label="item.name" :value="item.code"> </el-option></el-select> 修改样式代码注意vue文件<style>修改为 <style scoped...

纯css实现文字滚动

横向滚动示例 html 123456<div class="marquee"> <div class="marquee-wrap" style="width: 430px;text-align: center"> <span class="yellow marquee-content">这是一断横向滚动的文字</span> </div></div> css 12345678910111213141516171819202122232425262728293031323334353637.marquee { overflow: hidden;}.marquee .marquee-wrap { width: 100%; animation: marquee-wrap 4s infinite linear;}.marquee .marquee-content { float: left; white-space: nowrap; ...

评论

数据加载中