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 颜色从前面的值渐变到后面的值;
效果如下:
评论