渐变--做出一排小草

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

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

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

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

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

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

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

代码:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,663评论 0 7
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,346评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,812评论 0 2
  • 恩里克说皇马在最后几轮联赛中一定会丢分的。 梅西和苏亚雷斯们用不断的进球向皇马宣告着巴萨决不放弃的决心。告诉皇马身...
    无尘轩阅读 101评论 2 1
  • 水陆草木之花,可爱者甚蕃。晋陶渊明独爱菊。自李唐来,世人甚爱牡丹。 予独爱莲之出淤泥而不染,濯清涟而不妖,中通外直...
    水漾七七阅读 388评论 4 15