css3 如何实现椭圆旋转

1、新建一个html5文档，完成基本代码编写。

2、新建一个长100像素，高50像素背景为红色的长方形图层。

3、先看下图层网页显示效果，如下。

4、通过“border-radius:50%/50%”属性将长方形图层设置成一个椭圆形。

5、我们用用浏览器刷新下页面，页面效果如下。

6、接下来就是将椭圆旋转了，用“transform:rotate(30deg)”将椭圆旋转30度。

7、这样我们就实现了用css3将椭圆旋转。