用js实现TaiChi旋转的思想分析

我刚学会了js的一些功能,所以它做了一个Tai Chi的革命。

思想:

1。先做一个基准转台,然后把所有的元件放在转盘上,跟着转台。


2。画两个半圆,主要属性是边境右半径:250px;像素值是长边的一半。


3。和4轮画,按下面的黑色表盘来基准母元素,绕同一个圆圈画出白色圆圈的另一面,然后画两个圆在两个中间圆。


4。设定计时器:


旋转角度
var = 0
设置计时器,100毫秒。
VaR TID = setInterval()函数(){
无功clock_dfc = document.getelementbyid(时钟DFC );
clock_dfc.style.transform =旋转(+(-℃)+°); / /更改表属性
摄氏度= 30;每一个都获得30度
},100);



5。小结:它是一个简单的CSS叠加效果。

以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!