美文网首页
渐变--做出一排小草

渐变--做出一排小草

作者: 大大的小小小心愿 | 来源:发表于2017-09-14 14:08 被阅读0次

    一、渐变做出一排小草思路:

    一个div(默认宽度占整行),给高度20px,再给background一个径向渐变。

    设置其渐变起点为左上角(-45deg)。

    渐变色由透明到小草的颜色。

    为了不让中间的渐变区域影响效果,渐变的始末位置要相距很近(4px到5px)

    给background一个平铺(默认是铺满的)

    2到5px效果,会有左上角的毛边

    代码:

    相关文章

      网友评论

          本文标题:渐变--做出一排小草

          本文链接:https://www.haomeiwen.com/subject/hhmlsxtx.html