css这样的曲线怎么画出来？？如图

html-css056

css这样的曲线怎么画出来？？如图,第1张

给这个元素添加样式

｛

border-top-left-radius: 数值px

border-top-right-radius:数值px

｝

或者直接用背景图片

2种方案：

1、可以用很多 div ，全部做成 1px X 1px ，然后组成图形。

这样做，比较麻烦，浏览器渲染很累。。。

2、直接用 vml。

网上上有公司已经做了这方面画图插件，很方便调用的。。。

像什么 sin ，cos ，圆，三角，的都可以。。。

去 找找吧，很多。。

可以x和y分开写动画，速度不一样，就形成曲率了

@keyframes anix {

0% {top: 0}

100% {top: 200px}

}

@keyframes aniy {

0% {left: 0}

100% {left: 100px}

}