HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 灰度颜色叠加大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个悬浮效果,其中图像以全彩色开始,当我将鼠标悬停在图像上时,我希望它具有蓝色叠加.

事实上,只需要一个简单的蓝色覆盖层,就可以在彩色图像的顶部放置一个半透明的蓝色块……这意味着其他颜色会显示一点点.我想要的是图像只是蓝色阴影.

现在,我已经设法让图像变为灰度,我已经设法获得蓝色叠加,但有没有办法让CSS来叠加效果?转动图像灰度,然后将颜色乘以它.

更简单的方法是将效果创建为光栅图像,然后让它更改图像,但如果可以在代码中完成,那就更好了.

解决方法

我想你正在寻找CSS过滤属性.请参阅David Walshe的演示: http://davidwalsh.name/demo/css-filters.php

它目前是实验性的,我认为只有Webkit支持,但它是用CSS实现这一目标的唯一方法.

您还可以查看Adobe CSS自定义过滤器:http://html.adobe.com/webplatform/graphics/customfilters/cssfilterlab/

我认为你想做的事情的演示:http://jsbin.com/igahay/3011/(来自这个主题:CSS image overlay with color and transparency)

大佬总结

以上是大佬教程为你收集整理的html – 灰度颜色叠加全部内容,希望文章能够帮你解决html – 灰度颜色叠加所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。