22
A
回答
37
我建议Ultimate CSS Gradient Generator - ColorZilla.com
这是一个精心设计的工具,有一个白色到透明预设。
,它生成一个白到透明的渐变的CSS代码是这样的:
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0); /* IE6-9 */
0
我更喜欢使用用于梯度产生的另一种工具 - EnjoyCSS。 它还允许生成其他CSS功能,如背景,阴影,过渡等
background-image: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
background-image: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
background-image: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,1) 100%);
background-position: 50% 50%;
-webkit-background-origin: padding-box;
background-origin: padding-box;
-webkit-background-clip: border-box;
background-clip: border-box;
-webkit-background-size: auto auto;
background-size: auto auto;
相关问题
- 1. 带有半透明渐变色的png的png背景显示白色背景
- 2. Android渐变背景渐变为透明
- 3. Android - 重复背景并将白色应用于透明渐变
- 4. css半透明背景图像的白色文字背景颜色
- 5. 背景色透明显示为白色
- 6. CSS3白色到透明的渐变
- 7. css透明图像的背景颜色
- 8. vb带渐变的透明背景
- 9. 另一个具有渐变透明度的背景图像
- 10. 在渐变背景上的透明图像
- 11. 线性渐变背景图像上的不透明度
- 12. 用PNG图像中的白色替换透明背景
- 13. 使图像的白色背景在css中透明
- 14. GD:使PNG透明的白色背景
- 15. 透明图像 - 背景颜色
- 16. Css使用透明图像和渐变背景
- 17. 渐变笔触与透明背景
- 18. 与透明背景和渐变边框
- 19. 子图背景渐变色
- 20. CSS3渐变图像透明
- 21. flex瓦片列表透明图像显示白色背景
- 22. RMagick从图像中删除白色背景并使其透明
- 23. IE8:半透明的背景颜色,但不透明的背景图像
- 24. 白色背景上的div为白色或透明CSS背景色?
- 25. 不透明的白色背景与rgba在白色背景显示灰色?
- 26. 如何使白色透明背景?
- 27. PHP - 从白色制作透明背景
- 28. 使JPG白色背景透明
- 29. 选择背景白色/透明 - Chrome OSx
- 30. 使白色背景透明使用ImageMagick
完美的感谢! – Craig
迈克,你5岁的答案只是节省了我的时间,谢谢你。 – ColinMcDermott
很好的答案,只是更新,包括生成的代码。或者,您可以点击此固定链接查看它:http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent –