用css怎样实现波浪线,Css3实现波浪线效果1

一、波浪线 ,常用

.info::before {

content: '';

position: absolute;

top: 30px;

width: 100%;

height: 0.25em;

background:

linear-gradient(135deg, transparent, transparent 45%, #008000, transparent 55%, transparent 100%),

linear-gradient(45deg, transparent, transparent 45%, #008000, transparent 55%, transparent 100%);

background-size: 0.5em 0.5em;

background-repeat: repeat-x, repeat-x;

}

显示效果:

aa569b27741f41a14417b77f1c018c69.png

二、波浪线变形 xxx

修改div的高度和背景高度

.info::before {

content: '';

position: absolute;

top: 30px;

width: 100%;

height: 0.5em;

background:

linear-gradient(135deg, transparent, transp

你可能感兴趣的:(用css怎样实现波浪线)