Amy Li

background渐变色

background渐变色较为复杂的属性写法一直弄不明白,现在记录下来,方便查阅

div{

  width:100px;height:100px;

  background: #3FB7FC; /* fallback */

  background:-moz-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);

  background:-webkit-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);

  background:-o-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);

}

0~50%:#A0DCFF  不渐变,颜色相同

50%~100%: #3FB7FC  ~ #16A9FF  颜色从前面的值渐变到后面的值;

效果如下:



评论

热度(3)