大佬教程收集整理的这篇文章主要介绍了用CSS变暗(任何形状),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个.png的图像看起来像一只小狗(只是随它一起,我没有任何好的例子),当我把它放在我的页面上,我给它的尺寸为100 x 100.
但是,我不能只是重叠一些东西,或者使整个图像变色,因为这样会使狗的背景也变暗,这看起来很丑陋.
是否可以使用CSS来绘制任意形状的图像?
(我假设你明白我的观点,没用的代码是不必要的)
谢谢!
CSS:
.tinted { opacity: 0.8; }
如果您对更好的浏览器兼容性感兴趣,建议您阅读以下内容:
http://css-tricks.com/css-transparency-settings-for-all-broswers/
如果你的确足够你可以让这个工作尽可能早的IE7(谁知道!)
注意:正如JGonzalezD指出的,如果背景颜色通常比图像本身更暗,则这只会使图像变暗.尽管如果您没有特别想要使图像变暗,这种技术可能仍然有用,而是希望以悬停/焦点/其他状态突出显示它.
以上是大佬教程为你收集整理的用CSS变暗(任何形状)全部内容,希望文章能够帮你解决用CSS变暗(任何形状)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。