斜线"/>
用background渐变画斜线
写的CSS样式举例如下:
.test {height: 90px;background: linear-gradient(135deg, transparent 0, transparent 49.5%, green 49.5%, green 50.5%, transparent 50.5%, transparent 100%);/* background-size: 30px 30px; */
}
实现的效果会是在居中的位置画一条绿色的斜杠。
这段代码的意思是在135度的位置,从0到49.5%处都是透明的,然后从49.5%到50.5%处是绿色的,然后在50.5%到100%地方再重新变成透明的。
如果把下面的background-size
解注释,那么会形成形成一堆的斜线。如果写成下面这样:
更多推荐
用background渐变画斜线
发布评论