文件名称:taijitu
介绍说明--下载内容均来自于网络,请自行研究使用
第一步创建一个1:1的DIV(width和height)自定义:
第二步创建两个矩形,高度为宽度的一半拼合则为一个正方形
第三步设置上矩形和下矩形的角度使其成为半圆,切设置边框
第四步每个矩形里创建圆(且创建内圆)
第五步填充颜色,旋转整体角度即可
第六步为其父标签创建旋转动画参考css3里面的即可。-The first step in creating a 1: DIV 1, (width and height) Custom:
The second step to create two rectangles, half the height of the width of the piece was a square
The third step is to set the rectangle and rectangular angle makes semicircle cut set the border
The fourth step is created for each rectangle in the circle (and create the inner circle)
The fifth step fill color, rotation angle to the overall
The sixth step is created inside the rotation animation css3 reference to its parent label.
第二步创建两个矩形,高度为宽度的一半拼合则为一个正方形
第三步设置上矩形和下矩形的角度使其成为半圆,切设置边框
第四步每个矩形里创建圆(且创建内圆)
第五步填充颜色,旋转整体角度即可
第六步为其父标签创建旋转动画参考css3里面的即可。-The first step in creating a 1: DIV 1, (width and height) Custom:
The second step to create two rectangles, half the height of the width of the piece was a square
The third step is to set the rectangle and rectangular angle makes semicircle cut set the border
The fourth step is created for each rectangle in the circle (and create the inner circle)
The fifth step fill color, rotation angle to the overall
The sixth step is created inside the rotation animation css3 reference to its parent label.
(系统自动生成,下载前可以参看下载内容)
下载文件列表
taijitu
.......\demo.html