这个只用css不能完全实现，的配合js的定时器来完成，下面是代码lt！DOCTYPE html HTML5 imgwidth 200px div1width 200pxheight 200pxborder1px solid #000margin 150px auto animate1 webkitanimation move1 2s infinite。

解上面反三角函数求得A大约为75deg，以此类推我们可以算出其他图形旋转角度将上述的两种三角形通过适当的平移和旋转，得到如下图形合并之后得到如下图形 通过使用css3中的3D转化属性，将上图进行转化即可由上图可知transformstylepreserve3d兼容是支持高版本浏览器，支持部分ie浏览器 以上就是。

使用transformrotate180deg要将CSS中的背景图片旋转180度，可以使用transformrotate180deg属性，这会将背景图片旋转半圈，使其颠倒。

1旋转，利用rotate来实现，代码如下webkittransformrotate10deg 指定浏览器内核为webkit的翻转方式 moztransformrotate10deg指定firefox浏览器私有属性 transformrotate10deg 一般浏览器翻转的角度为10弧度 2 翻转，利用scale来实现，代码如下scale本来是放缩的意思，原来括弧里面。

webkit核心浏览器使用和火狐浏览器使用transform可以做到旋转，IE要使用DXImage滤镜，代码如下transformrotate90degmstransformrotate90deg * Internet Explorer 9*moztransformrotate90deg * Firefox *webkittransformrotate90deg * Safari 和 Chrome *otransform。

css实现圆环旋转加载 lt！DOCTYPE html css实现圆环旋转加载 margin0padding0 outbox positionrelative*相对定位* width100px*宽度100px* height100px*高度100px* backgroundorange*背景色橙色* borderradius50%*圆角50%* margin100px*外侧边距100px。

* css3 让一个图片不断翻转示例代码 *#gavinPlay* backgroundcolor url x y repeat 图片来自百度图片，按需要更换 *backgroundred urlquot。

给元素设置transformorigin，右下角就是transformorigin right bottom。

使用css Sprites backgroundposition2px 2px进行定位图片里德位置 图片精灵部分代码如下 你试试 S_login_top，S_login_bottom margin0px 0px 0px 0pxpadding0px 0px 0px 0pxbackgroundimageurlSpritesSpritespng S_login_topwidth420pxheight23pxback。