渐变--做出一排小草
2017-09-14 本文已影响0人
大大的小小小心愿
一、渐变做出一排小草思路:

一个div(默认宽度占整行),给高度20px,再给background一个径向渐变。
设置其渐变起点为左上角(-45deg)。
渐变色由透明到小草的颜色。
为了不让中间的渐变区域影响效果,渐变的始末位置要相距很近(4px到5px)
给background一个平铺(默认是铺满的)

代码:


一、渐变做出一排小草思路:
一个div(默认宽度占整行),给高度20px,再给background一个径向渐变。
设置其渐变起点为左上角(-45deg)。
渐变色由透明到小草的颜色。
为了不让中间的渐变区域影响效果,渐变的始末位置要相距很近(4px到5px)
给background一个平铺(默认是铺满的)
代码: