weixin_44358802的博客

**涉及的知识点：** 1：js定时器 1）window.setInterval(函数名称，时间)；//间隔定时器（反复调用），时间的单位是毫秒 2）window.clearInterval(定时器的返回值)；停止定时器 3）window.setTimeout(函数名称，时间)//延时定时器，执行一次 4）window.clearTimeout(定时器的返回值)；停止定时器 2：document.getElementById() 功能：获取特定ID元素的节点 参数：ID的属性名 返回值：dom对象 3：innerHTML表示标签里的内容

**想要实现旋转立方球体特效，以下的内容你不容错过。** *要理解的知识点* 1. 形成一个3D空间： transform-style:preserve-3d （让父元素形成3D，让其子元素在3D空间进行变化 ） 2. 动画 animation 特点：不需要事件进行触发，调用关键帧即可 常用的写法：animation:关键帧的名称 动画运动的时间 linear(匀速) 动画延迟的时间；

**想要实现旋转立方球体特效，以下的内容你不容错过。** *要理解的知识点* 1. 形成一个3D空间： transform-style:preserve-3d （让父元素形成3D，让其子元素在3D空间进行变化 ） 2. 动画 animation 特点：不需要事件进行触发，调用关键帧即可 常用的写法：animation:关键帧的名称 动画运动的时间 linear(匀速) 动画延迟的时间；

**想要实现旋转立方球体特效，以下的内容你不容错过。** *要理解的知识点* 1. 形成一个3D空间： transform-style:preserve-3d （让父元素形成3D，让其子元素在3D空间进行变化 ） 2. 动画 animation 特点：不需要事件进行触发，调用关键帧即可 常用的写法：animation:关键帧的名称 动画运动的时间 linear(匀速) 动画延迟的时间； 3. 3D的旋转 transform:rotate(); rotateX() rotateY() rotateZ() rotate3D() rotate3D(x,y,z,a) [ 0不旋转，1旋转 ] - x：是一个0到１之间的数值，主要用来描述元素围绕X轴旋转的矢量值； - y：是一个０到１之间的数值，主要用来描述元素围绕Y轴旋转的矢量值； - z：是一个０到１之间的数值，主要用来描述元素围绕Z轴旋转的矢量值； - a：是一个角度值，主要用来指定元素在3D空间旋转的角度，如果其值为正值，元素顺时针旋转，反之元素逆时针旋转。

属性：position 作用：检索或者设置元素的定位方式（改变元素位置的属性） *定位分为静态定位，绝对定位，相对定位，固定定位，粘性定位* （1）static 静态定位： position的默认值，默认文本流的状态。 不会识别left right top bottom指定的坐标 （2）absolute 绝对定位: a : 参照物：按照已经有定位的父元素进行位置的变化。 b : 假如 当前没有父元素 或者 父元素没有定位的情况下，以整个文档为参照物。 c : 绝对定位，脱离文档流、不占据空间