-
老师讲的好赞 好详细查看全部
-
-webkit-text-size-adjust:none 旋转后字体不变～查看全部
-
关于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轴的话，最后向量合成到空间里哪个方向，请各位自行脑补（其实用屏幕来创造坐标系理解比较容易） 最后： 用辞有错误不妥当不专业的地方请多多包涵查看全部
-
transform-origin再设置transform后才生效，transform-origin设置旋转中心点，transform-origin:center bottom;等价于：transform-origin:50% 100%;垂直和水平方向也可以设置百分比，默认是以图形的中间为旋转中心。查看全部
-
<meta http-equiv="X-UA-compatible" content="IE=edge"> 让IE采用最新的渲染模式查看全部
-
transform-origin设置旋转中心点，只有设置了transform之后transform-origin才会生效 transform:scare(0,0,1)//表示的是x,y缩放比例是0，也就是被定义的东西就会消失。查看全部
-
fa-fw,fa-spin,fa-rotate-90, .查看全部
-
<mate http-equiv="X-UA-compatible" content="IE=edge"> 让IE浏览器采用最新的渲染效果 <meta name="viewport" content="with=device-widht" initial-scale="1"> 让页面宽度强制适应设备的宽，倍数是1查看全部
-
<meta http-equiv="X-UA-compatible" content="IE=edge" 使IE采用最新的渲染模式 <meta name="viewport" content="width=device-width" initial-scale="1" 移动端页面，让你的页面宽度强制去适应你的设备宽，初始化的缩放比例为1 -webkit-text-size-adjust:none 旋转后文字大小不变，浏览器内核不同查看全部
-
text-size-adjust:none 旋转后字体不变～查看全部
-
henhao查看全部
-
过渡动画实现查看全部
-
transform-origin:水平方向 垂直方向查看全部
-
http://fontawesome.io 图标文件查看全部
-
* ：after :before的运用查看全部
举报
0/150
提交
取消