`
liningjustsoso
  • 浏览: 48267 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何实现网站灰色调去色效果

    博客分类:
  • css
阅读更多
各位都知道,就在昨天四川又发生了7级地震,为了表示哀悼,全国的各大网站都在logo旁边加上了蜡烛,然后首页设置成为了灰度或者说是去色效果。
有关设置网站灰色和网站去色效果很简单,代码如下:

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


1、目前这个支持IE和chrome,不支持火狐(firefox)。
2、如果想局部变为灰色,那就把html标签改成你的css类名就可以了。
分享到:
评论

相关推荐

    图像调色技术+滤镜效果

    输入色阶用于增加色彩对比度,黑色、灰色、白色滑块分别对应阴影、中间调、高光的色彩调整。向左拖动白色滑块,高光部分会变得更亮;向右拖动则变暗。同样的逻辑也适用于黑色滑块对阴影部分的影响。灰色滑块的左右...

    ps四部把女生头像转成素描效果

    - **技巧提示**:通过精确调节滑块的位置,可以实现更加细腻的效果。 #### 步骤五:创建图层蒙版并绘制细节 - **操作方法**:在图层面板中点击图层蒙版图标,创建一个新的蒙版。选择画笔工具,设置前景色为黑色,...

    Photoshop彩色照片转黑白方法五种.pdf

    一、“去色”配合“杂色”营造粗颗粒效果 “去色”命令是 Photoshop 中最简单的一种黑白处理方法。选择“图像”菜单中的“调整”选项,然后选择“去色”命令。该命令可以一步简单直出黑白,但是这种方法对某些颜色...

    Photoshop美女磨皮大法实用.pdf

    这个教程的核心在于利用“高反差保留”和“计算”功能来精准定位斑点,再通过中性灰色的调整实现细节的平滑过渡,同时避免破坏图像的原始质感。最后,根据个人需求,你还可以进一步对图像进行色彩校正或其他美化处理...

    adobephotoshop认证考试题要点.docx

    - 将色阶对话框中输入色阶中间的灰色三角向左移动确实会压缩暗调层次,但并不能拉开亮调层次,因此B项也不完全正确。 - 使用色阶命令对话框右下角的黑色吸管在画面中单击可以实现对图像的黑场定标,这是正确的。 ...

    photoshop认证试题

    - 将输入色阶中间的灰色三角向左移动会压缩暗调,拉开亮调。 - 使用黑色吸管定标黑场可以帮助确保图像的最暗部分正确地映射到黑色。 11. “去色”命令: - 可以在保持像素亮度不变的情况下将彩色图像转换为灰阶...

    PS考试题参考.pdf

    14. **图像转换**:将左图变为右图,可能需要运用到多个图像调整命令,如色阶、曲线、色彩平衡等,通过调整图像的色彩分布和对比度,实现颜色的改变和视觉效果的提升。 这些知识点涵盖了色彩管理、图像调整、印刷分...

    PS考试题借鉴.pdf

    - 色阶命令可以调整图像的整体亮度分布,移动中间灰色三角形可以压缩或拉开图像的中间调。 - 黑色吸管用于设定图像的黑场,而色阶命令也支持单独调整各个颜色通道。 13. **去色命令**: - “图像 > 调整 > 去色...

    前端页面,网页整体变灰

    在前端开发中,有时我们需要对整个网页或者某个特定元素实现特定视觉效果,比如将网页整体变为灰色,这种效果常用于创建“禁用”或“加载中”的视觉提示。标题和描述提到的方法就是利用CSS3中的`filter`属性来实现这...

    Adobe-photoshopCS3_考试题A卷.pdf

    5. 渐变工具提供了线性渐变、径向渐变、角度渐变、菱形渐变和反射渐变五种方式,可以创建各种过渡效果。 6. 拾色器支持的颜色模式包括RGB、CMYK、HSB(色相、饱和度、亮度)和Lab模式,它们分别对应不同的色彩理论和...

Global site tag (gtag.js) - Google Analytics