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

Css实现的图片灰度

    博客分类：
  • html
CSSXHTMLMicrosoftHTML 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <title>Darkness would teach me more appreciative sight!</title>
     <style type="text/css">
     HTML  {
           FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
          }
    </style>
 </head>
 <body>
 <h1>To face the earthquake, Union is strength.</h1>
 <img src="http://www.my400800.cn /img/11.jpg" alt="banner jpg" />
 </body>
 </html>

 

原图片效果


 

灰度化后效果


  • 大小: 13.6 KB
  • 大小: 15.2 KB
分享到：
| C#3.0入门系列（LinQ）（六）-之OrderBy ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    css页面变灰度兼容ie、firefox、chrome、opera、safari实现样式

    本文为大家详细介绍下使用纯css让页面变灰度并且兼容ie、firefox、chrome、opera、safari，感兴趣的朋友可以参考下哈，希望对你有所帮助

    《精通CSS+DIV网页样式与布局》光盘源码

    　13.7　实例五：CSS实现PPT幻灯片　 　13.8　实例六：灯光效果　 　13.9　实例七：舞台灯光　 　13.10　实例八：探照灯　 　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　14.1　XML基础　 　...

    css-filter:使用css实现图片模糊效果（毛玻璃）

    左边的图是原图，右边的图设置了filter：grayscale(1)这一属性（目前还需要加浏览器前缀来使用，关于浏览器支持度），如你所见，图片变成了一张灰度图像。这一功能是否立马触动了你的脑洞，在某些举国悲痛的日子里，...

    精通CSS.DIV.网页样式与布局 源码

    　13.7　实例五：CSS实现PPT幻灯片　 　13.8　实例六：灯光效果　 　13.9　实例七：舞台灯光　 　13.10　实例八：探照灯　 　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　14.1　XML基础...

    精通CSS+DIV网页样式与布局

    　13.7　实例五：CSS实现PPT幻灯片　 　13.8　实例六：灯光效果　 　13.9　实例七：舞台灯光　 　13.10　实例八：探照灯　 　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　14.1　XML基础　 　...

    精通CSS+DIV网页样式与布局视频教材

    13.7　实例五：CSS实现PPT幻灯片 13.8　实例六：灯光效果 13.9　实例七：舞台灯光 13.10　实例八：探照灯 13.11　实例九：鼠标文字跟随 第14章　CSS与XML的综合运用 14.1　XML基础 14.1.1　XML的特点 ...

    精通CSS+DIV网页样式与布局Part1

    　13.7　实例五：CSS实现PPT幻灯片　 　13.8　实例六：灯光效果　 　13.9　实例七：舞台灯光　 　13.10　实例八：探照灯　 　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　14.1　XML基础　 　...

    精通CSS.DIV网页样式与布局视频01

    　13.7　实例五：CSS实现PPT幻灯片　 　13.8　实例六：灯光效果　 　13.9　实例七：舞台灯光　 　13.10　实例八：探照灯　 　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　14.1　XML基础　 　...

    css入门笔记

    1.css的概述 1.问题 HTML属性修饰有一定局限，是不太便捷 2.css的语法规范 1.使用css样式方式 1.内联样式 行内样式 特点：将css样式定义在HTML标记中 语法： 样式声明：用样式属性和值组成（属性:值;） ...

    grayscale-js:利用网络工作者在前端生成任何图像的灰度版本

    以下是一些实现灰度的流行方法以及它们糟糕的原因： 使用 CSS filter ：这是迄今为止最简单的方法，只需添加一些带前缀的 css 属性即可！ 为什么会烂？ 表现。 您的 CSS 代码可能如下所示： img . desaturate { -...

    精通JavaScript+jQuery Part1

    　13.7　实例五：CSS实现PPT幻灯片　 　13.8　实例六：灯光效果　 　13.9　实例七：舞台灯光　 　13.10　实例八：探照灯　 　13.11　实例九：鼠标文字跟随　 　第14章　CSS与XML的综合运用　 　14.1　XML基础　 　...

    兼容firefox，chrome的网页灰度效果

    只是在技术上来看，要实现网页灰度，最稳妥的办法莫过于直接处理所有图像，不用考虑兼容，不用考虑效率。但是，工作量比较大，切换回来也费力。 ie系列支持css滤镜，一句 filter:gray; 就解决了所有问题。但是，...

    App 黑白化实现探索，有一行代码实现的方案吗？

    本文已授权公众号 hongyangAndroid 原创首发。 4 月 4 日这一天，不少 网站、App 都通过黑白化，表达了深切的哀悼。...只要给 html 加一句css 样式就可以了，你可以理解为给整个页面添加了一个灰度效果。 就

    LightGUI一个轻量级的GUI

    支持css配置控件不同状态的背景属性，如图片、填充色；前景属性，如图片、颜色；字体属性，如大小、颜色；边框属性，如宽度、颜色、调色板位图、补白等。 支持css配置窗口的一些基本属性，如高宽，透明等。 支持...

    python项目基于计算机视觉的答题卡识别及判分系统.zip

    1. **图像预处理**：对扫描得到的答题卡图像进行灰度化、去噪、增强对比度等处理，以便更好地进行后续分析。 2. **定位与分割**：使用计算机视觉算法（如边缘检测、轮廓查找）来定位答题卡上的填涂区域，并将这些...

    JavaScript网页特效范例宝典源码

    实例042 应用CSS+DIV实现指定尺寸无边框无滚动条窗口 65 实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用...

    javascript网页特效实例大全（13-19）

    实例348　图片的灰度效果　548 实例349　图片的动态说明文字　549 第14章 JavaScript与XML　553 14.1　读取XML文件　554 实例350　使用XML DOM对象读取XML文件　554 实例351　使用XMLHttpRequest对象读取XML文件　...

Magicbox
Global site tag (gtag.js) - Google Analytics