1、首先新建一个html5文档，完成基本代码编写，如下图所示。
2、然后新建一个长100像素，高50像素背景为红色的长方形图层。
3、接着通过输入“border-radius:50%/50%”属性，如下图所示，将长方形图层设置成一个椭圆形。
4、接下来就是将椭圆旋转了，用“transform:rotate(30deg)”将椭圆旋转30度。
5、这样就实现了用css3将椭圆旋转，如下图所示预览即完成了。
1：使用transform-origin属性
2：第一种：可以设置top、left、bottom、right；分别是元素上方，左侧，下方，右侧的中点（旋转中心）
3：第二种可以设置具体的数值，例如
transform-origin:0 0//设置的是x轴上为0，y轴上为0，也就相当于是元素左顶点transform-origin:10% 10%//设置的是x轴上为10%的长度，y轴上为10%的长度
具体的旋转中心点可以多写几个测试一下，原理就是以元素左侧顶点为原点，二维的话只有x轴和y轴，三维的话也会有z轴
意思就是淘宝店铺的模板是用CSS语言开发的，有CSS功能的模板都是比较贵的，用CSS做的模板更加绚丽更加人性化，对用户体验这块做的很好！而且CSS的布局符合WEB标准，对各大搜索引擎更加友好，做SEO也更为有效！
