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

html-css046

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}

}