-
关于rotate3d老师讲解有些错误 错误： rotate3d（x,y,z,deg）中x,y,z取值可以是（-∞，+∞）而不是0到1，它们代表的是坐标位移向量的长度。 （但是使用时取（-1，+1）之间的值已足够，取其他值没有太大意义） 首先： 想了解rotate3d必须先了x,y,z三条轴 推荐一篇张鑫旭大大的文章， http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ 然后： 想理解空间的旋转就要确定旋转轴和旋转方向和旋转中心（旋转中心这里不做详解） x,y,z是以显示器屏幕三维直角坐标系的三条轴，用来合成并确定旋转轴，旋转中心即为坐标原点 x轴水平向右为正 y轴垂直向下为正 z轴垂直屏幕向外为正 （不要问为什么和高中数学讲的的不太一样，它就是这样规定的） 其次： 而x,y,z的取值可以理解为向量 -1，0，1三个值可以代表常见情况 用具体数字来说明一下 rotate3d（1,0,0,90deg） 旋转轴即为x正方向，顺时针旋转90度 rotate3d（1,0,0,90deg） 旋转轴为x负方向，顺时针旋转（但我们看到的是逆时针旋转，因为旋转轴方向变化了） 同理，x,y,z取值的正负可以理解为三个轴上的分向量方向变了，所以最后合成的合向量（即旋转轴，方向也发生了改变） 而取值大小的变化依然可以遵循向量合成规律 rotate3d（1,1,0,90deg） 旋转轴即为x水平正方向顺时针旋转45度所在的轴（指向屏幕右下角的方向） rotate3d（1, √3,0,90deg） 旋转轴即为x水平正方向顺时针旋转60度所在的轴 同理加上z轴的话，最后向量合成到空间里哪个方向，请各位自行脑补（其实用屏幕来创造坐标系理解比较容易） 最后： 用辞有错误不妥当不专业的地方请多多包涵查看全部
-
注意样式表位置。查看全部
-
transition查看全部
-
导航鼠标经过气泡查看全部
-
xxxxxxxxxxxxxx查看全部
-
dddddddddddd查看全部
-
x'x'x'x'x'x'x'x查看全部
-
喜喜喜喜喜喜喜喜查看全部
-
字体库下载地址查看全部
-
Font Awesome查看全部
-
第三个图标的i改了，把第二个图标的i改坏了查看全部
-
第三个图标的i改了，把第二个图标的i改坏了查看全部
-
span内联元素，定义position：absolute，自动转化成块状查看全部
-
ie真蛋疼 <meta http-equiv="X-UA-compatible" content="IE=edge"> 让IE采用最新的渲染模式查看全部
-
translate 过渡时间，定义在初始状态中。 transform 放大或旋转，查看全部
举报
0/150
提交
取消