roychen
小狐狸
小狐狸
  • UID28093
  • 注册日期2009-02-24
  • 最后登录2011-11-04
  • 发帖数26
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:8666回复:6

求教:图片由红色为主色调使用CSS变为以蓝色为主色调如何变?

楼主#
更多 发布于:2010-06-15 10:55
图片由红色为主色调使用CSS变为以蓝色为主色调如何变?

我在网页上现有的图片是以红色为主色调的,我想使用CSS把它从红色变为蓝色,应如何现实?图片是jpg文件。
harnack
狐狸大王
狐狸大王
  • UID25613
  • 注册日期2008-07-27
  • 最后登录2020-01-08
  • 发帖数325
  • 经验19枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
  • 社区居民
1楼#
发布于:2010-06-15 10:55
菜鸟路过。CSS能改变现有的图片吗?好像背景倒是可以实现渐变的:
@-moz-document url-prefix("http://") {
body {background-image: -moz-linear-gradient(top, red, blue) !important;}
}
听老人说,今生做千件好事,来世方能讨生为猫。
roychen
小狐狸
小狐狸
  • UID28093
  • 注册日期2009-02-24
  • 最后登录2011-11-04
  • 发帖数26
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2010-06-15 10:55
都老狐狸了还敢说是菜鸟。

我这个网页中有很多图片,装饰用的,比如某些表格中的背景图之类的,现在的基本色调是红色,我原本的打算是如果图片本身不去动它,只用CSS或者是其它的网页技术使得它显示出来时是蓝色的,这也就达到我的目的了。不知能不能帮一下我。
hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
3楼#
发布于:2010-06-15 10:55
http://www.pixastic.com/lib/docs/actions/hsl/
上面这个是利用 javascript 修改图片的色度、亮度、饱和度的演示,网站也提供了源代码供参考。
其原理是以设定的参数逐个处理图片的像素然后将图片替换成填充了处理后像素的 canvas 容器;演示的性能看来还不错。
反正 CSS (即使 CSS3 也是)目前还没有提供类似 IE 的滤镜功能,所以不可能用 CSS 实现。
roychen
小狐狸
小狐狸
  • UID28093
  • 注册日期2009-02-24
  • 最后登录2011-11-04
  • 发帖数26
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2010-06-15 10:55
先谢谢楼上这位仁兄,我先来试一下。
eslled
小狐狸
小狐狸
  • UID37626
  • 注册日期2011-10-25
  • 最后登录2012-02-01
  • 发帖数14
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2010-06-15 10:55
还可以酱紫用啊,长见识了。
zhuzhi00
火狐狸
火狐狸
  • UID33710
  • 注册日期2010-08-16
  • 最后登录2021-07-31
  • 发帖数130
  • 经验130枚
  • 威望0点
  • 贡献值12点
  • 好评度2点
  • 社区居民
  • 忠实会员
6楼#
发布于:2013-10-21 11:54
CSS 现在也有啦,只不过Firefox 好像还支持不了

img {
-webkit-filter:invert(1);}
中国谋智被曝流氓代码 官方:是别人太肮脏
游客

返回顶部