Advertisement

如何让网站一键变成全局灰色？

阅读量：

近期，众多网站的界面设计已呈现出灰色调，包括但不限于主页及内容区域，例如、百度、B站、爱奇艺、阿里云以及腾讯云等平台。那么，这些网站究竟是通过何种方式达成这一视觉效果的呢？实际上，要实现这一效果并不复杂，仅需在通用样式文件中添加特定的CSS代码即可完成。

复制代码 
   html {

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

在引入CSS代码后，网站呈现出的视觉效果有所变化。网站预览地址：https://www.ewbang.com/>

全部评论 (0)

还没有任何评论哟~

相关文章推荐