`
lukedd
  • 浏览: 22181 次
  • 性别: Icon_minigender_1
  • 来自: 金华
文章分类
社区版块
存档分类
最新评论

图片置灰

阅读更多
〈img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">


  如果想让整个网站的图片变灰,在样式表中加入

img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}

按纽变灰
INPUT { border:1px solid #999;   filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
分享到:
评论

相关推荐

    android图片置灰

    "android图片置灰"这个主题,就是关于如何将彩色图片转化为灰度图,以实现特定的交互效果,比如点击后图片变灰,增加视觉反馈。这种方法可以减少资源的使用,因为不需要为每个状态(正常和选中)都准备两张图片。 ...

    jquery 图片置灰,添加浮层

    这里提到的"jquery 图片置灰,添加浮层"是一个利用JavaScript库jQuery实现的功能,它允许我们在用户与图片交互时动态地改变图片的显示状态。接下来,我们将深入探讨这个功能的技术实现和相关知识点。 首先,jQuery...

    Unity - UGUI 图片置灰 Shader

    在Shader 使用在 Unity UGUI 的 图片上,图片选择该Shader,图片将显示会灰白色

    Unity图片置灰Shader

    "Unity图片置灰Shader"是一个专门用来实现图片或者纹理颜色灰度化的Shader,常用于创建UI元素的禁用效果或者特殊的视觉风格。 首先,我们要理解什么是图片的灰度化。灰度化是将彩色图像转化为单色图像的过程,通常...

    UI图片置灰Shader

    Unity之UI图片置灰Shader例子项目

    Android图片变灰

    Android改变图片变灰方法阿斯顿撒旦撒旦asdasdasd啊实打实大师大师大师阿打算打算的三大啊实打实大师撒大声大声道

    cocos shader 按钮置灰,变灰。命中目标,目标会闪一下效果

    cocos shader 按钮置灰,变灰。命中目标,目标会闪一下效果

    Html页面置灰css代码

    * 图片处理:在图片处理中,置灰可以用来实现图片变灰的效果。 * 视觉效果:置灰可以用来实现视觉效果,如灰度图像、老照片效果等。 三、Html 页面置灰的优点和缺点 Html 页面置灰有以下优点: * 美化视觉效果:...

    Vue2图像灰度处理两种方式源码

    Vue2中的CSS滤镜可以方便地应用到DOM元素上,包括图片。CSS3提供了`filter`属性,其中的`grayscale()`函数可以将图像转换为灰度。以下是如何在Vue组件中使用CSS滤镜实现灰度处理: ```html ....

    CSS 页面置灰等待效果

    在网页设计中,有时我们需要对页面进行短暂的“禁用”或置灰处理,以便用户在后台执行某些操作(如加载数据、提交表单等)时不会误触其他元素。这种效果通常被称为“加载中”或“等待”效果。本文将深入探讨如何使用...

    无聊时的小程序- -:图像灰度化处理

    在“压缩包子文件的文件名称列表”中提到了“灰度化图片”,这可能是一个包含原始彩色图像和它们经过灰度化处理后的结果的文件夹。这些图像文件可以是各种格式,如.jpg、.png等,用于展示灰度化前后的对比效果。 在...

    cocos2d-x面试题总结

    "cocos2d-x面试题总结" 本篇总结了cocos2d-x面试的常见问题,涵盖了C++基础知识、cocos2d-x特性和实现机理等方面。下面是根据给定的文件信息生成的相关知识点: 一、C++基础知识 1. C和C++的区别:C++在C的基础上...

    ImageGray.shader

    图片置灰,shader文件

    js 页面弹层置灰加载

    在JavaScript(JS)编程中,"页面弹层置灰加载"是一种常见的用户体验设计,它用于在用户触发某个操作,如点击事件,时显示一个半透明的遮罩层,同时显示一个加载图标,告知用户系统正在进行后台处理。这种设计能够...

    现代城市置灰图片背景正片叠底创意高端商务ppt模板.rar

    "现代城市置灰图片背景正片叠底创意高端商务ppt模板.rar" 是一个专为商务演示设计的资源,它结合了现代都市元素、灰度色调以及正片叠底的创新设计手法,旨在提升演示文稿的专业性和吸引力。 首先,我们来探讨一下...

    cocos creater shader

    要实现图片置灰,我们需要编写一个Shader程序,这个程序会将颜色信息转换为灰度值。灰度值的计算通常基于RGB色彩空间的加权平均,公式如下: 灰度值 = 0.21 * R + 0.72 * G + 0.07 * B 这里的R、G、B分别代表红色...

    置灰封面背景大图灰色扁平化商务工作汇报ppt模板.zip

    该压缩包文件“置灰封面背景大图灰色扁平化商务工作汇报ppt模板.zip”包含了一个专门设计用于商务场合的工作汇报PPT模板。这个模板以其独特的设计风格和元素,为商务人士提供了一种专业且高效的展示工具。以下是该...

    极简高端杂志风排版鞋靴设计展示类主题ppt模板.zip

    4. 图片置灰:在设计中,置灰图片常用于背景或对比,以减少视觉干扰,使主要元素更为突出。在这款模板中,置灰图片可能被用作衬托,让色彩鲜艳的鞋靴产品成为焦点。 5. 文艺范:这一标签暗示模板可能融入了一些艺术...

    置灰图片与矩形艺术创意商务灰红配色简约扁平化欧美风工作汇报ppt模板.zip

    本资源是一个名为“置灰图片与矩形艺术创意商务灰红配色简约扁平化欧美风工作汇报ppt模板.zip”的压缩包,它提供了一套精心设计的PowerPoint模板,专为制作具有专业感和艺术感的工作汇报而设计。这个模板的特点和...

    置灰商务大图配图酷黑简约扁平化商务工作总结报告ppt模板.zip

    1. **置灰商务大图**:在PPT设计中,置灰的图片通常用来营造一种低调、专业且不失高级感的氛围。这种处理方式可以减少图片的视觉冲击力,使观众的注意力更集中于内容上,而非过于鲜艳的色彩。 2. **酷黑设计**:...

Global site tag (gtag.js) - Google Analytics