我想用CSS做。我不希望整个图像在每个像素上都具有相同的透明度。是否有可能使图像在渐变中透明?
回答
您可以使用CSS3 Mask属性。一篇很好的文章:http://css-tricks.com/webkit-image-wipes/
哇,这可能会有所帮助,我会尽快检查,谢谢! – scythargon 2012-08-11 19:14:09
你是可靠的,这里是:'' – scythargon 2012-08-11 19:44:31
它可以完成!
/* using the mozilla kit */
background-image: -moz-linear-gradient(
rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%
);
/* using webkit */
background-image: -webkit-gradient(
linear, left top, left bottom, from(rgba(50,50,50,0.8)),
to(rgba(80,80,80,0.2)), color-stop(.5,#333333)
);
这些应该在所有的浏览器:http://www.leon-zinger.com/css-tricks/css3-gradients-with-opacity-works-with-ie和http://lea.verou.me/2009/02/bulletproof-cross-browser-rgba-backgrounds/
老兄,你没有得到这个问题:) – scythargon 2012-08-11 19:45:08
@scythargon - 据我所知,你希望在图像的一边有完全不透明,然后让它“渐变”到透明。 – ionFish 2012-08-11 20:06:26
- 1. CSS3渐变图像透明
- 2. 是否可以使用画布制作渐变透明/图层蒙版图像?
- 3. iOS版:图像渐变透明度
- 4. 是否可以使用具有透明度的线性渐变,其中后面是图像?
- 5. Android:透明渐变视图
- 6. Android ProgressBar使渐变渐变透明
- 7. Firefox不透明度(透明度)渐变 - 淡出图像
- 8. 是否有可能一个低透明度渐变和背景色组合
- 9. UIView透明渐变
- 10. PHP - 使用图像生成透明度(或不透明度)渐变
- 11. 使所有渐变为白色渐变为透明
- 12. 另一个具有渐变透明度的背景图像
- 13. 使图像变得透明
- 14. Android渐变背景渐变为透明
- 15. 是否有可能不使用图像绘制一个透明层?-LibGdx
- 16. Java Graphics2D - 使用渐变不透明度绘制图像
- 17. Css使用透明图像和渐变背景
- 18. 图像透明的渐变用帆布和js,使用canvasimagegradient
- 19. 使用PHP GD库混合透明渐变图像
- 20. 是否有可能使图像居中?
- 21. 是否可以使用不透明的图像图标?
- 22. Android XML可绘制透明渐变
- 23. 是否可以在CSS3中为渐变不透明设置动画效果?
- 24. 是否有可能具有渐变背景+背景图片
- 25. 半透明渐变图像变暗而不去饱和
- 26. 替换透明图像中的颜色渐变
- 27. 在渐变背景上的透明图像
- 28. 是否有可能有两个重叠的PictureBox控件与透明图像?
- 29. 是否有可能使透明div的内容完全可见?
- 30. 使用css3渐变功能与xhtml - 是否有可能?
通过什么方法?最简单的答案是您只需创建一个24位PNG,并在其中创建任何透明度。如果你问的是通过CSS来做这个*,那是一个完全不同的问题。 – 2012-08-13 03:12:33
我的意思是CSS,我得到的答案低于 – scythargon 2012-08-14 10:19:17