阅读:9353回复:6
求教:图片由红色为主色调使用CSS变为以蓝色为主色调如何变?
图片由红色为主色调使用CSS变为以蓝色为主色调如何变?
我在网页上现有的图片是以红色为主色调的,我想使用CSS把它从红色变为蓝色,应如何现实?图片是jpg文件。 |
|
1楼#
发布于:2010-06-15 10:55
菜鸟路过。CSS能改变现有的图片吗?好像背景倒是可以实现渐变的:
@-moz-document url-prefix("http://") { body {background-image: -moz-linear-gradient(top, red, blue) !important;} } |
|
|
2楼#
发布于:2010-06-15 10:55
都老狐狸了还敢说是菜鸟。
我这个网页中有很多图片,装饰用的,比如某些表格中的背景图之类的,现在的基本色调是红色,我原本的打算是如果图片本身不去动它,只用CSS或者是其它的网页技术使得它显示出来时是蓝色的,这也就达到我的目的了。不知能不能帮一下我。 |
|
3楼#
发布于:2010-06-15 10:55
http://www.pixastic.com/lib/docs/actions/hsl/
上面这个是利用 javascript 修改图片的色度、亮度、饱和度的演示,网站也提供了源代码供参考。 其原理是以设定的参数逐个处理图片的像素然后将图片替换成填充了处理后像素的 canvas 容器;演示的性能看来还不错。 反正 CSS (即使 CSS3 也是)目前还没有提供类似 IE 的滤镜功能,所以不可能用 CSS 实现。 |
|
|
4楼#
发布于:2010-06-15 10:55
先谢谢楼上这位仁兄,我先来试一下。
|
|
5楼#
发布于:2010-06-15 10:55
还可以酱紫用啊,长见识了。
|
|
6楼#
发布于:2013-10-21 11:54
CSS 现在也有啦,只不过Firefox 好像还支持不了
img { -webkit-filter:invert(1);} |
|
|