怎么用 css3实现波浪底纹效果

html-css06

怎么用 css3实现波浪底纹效果,第1张

div{

    background:

    radial-gradient(circle at 100% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent),

    radial-gradient(circle at 0% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent) 0 -50px

    background-color: slategray

    background-size:75px 100px

}

更多背景底纹私聊我给你网址，有好多

波浪效果大部分是背景图片，不一定是border，也可以是下面有一个元素并且设定高度有背景平铺，还有就是用css3去写，如果border的圆角效果，可以去拼出一个，要不就是用vml去写，其实都没有第一种兼容效果好！！！！