请将我的Gradient转换为多浏览器的作品

时间:2019-03-19 14:12:24

标签: css3 gradient

我具有以下渐变:

背景:-moz-linear-gradient(中心顶部,#FFFFFF 0px,#DDDDDD 100%)重复滚动0 0透明;

但是我只有这一行-有人可以为我发布它的多浏览器版本吗?

2 个答案:

答案 0 :(得分:0)

http://www.colorzilla.com/gradient-editor/

请尝试使用此网站生成渐变色。然后复制粘贴CSS,即可在所有浏览器中使用。

答案 1 :(得分:0)

您可以尝试以下CSS

  background: #ffffff;
  background: -moz-linear-gradient(top , #ffffff 0px, #dddddd 100%)  
  background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: linear-gradient(to top, #ffffff 0%, #dddddd 100%); 
  /* 
     repeat, scroll,0 0  etc are background properties which can be broken 
     down as 
  */

  background-repeat: repeat;
  background-attachment: scroll;
  background-position:0 0;
  background-color: transparent;