-
- N15Pilot 2018-01-02
- rotate3d（1 5 7)
-
截图0赞 · 0采集
-
- Sandaydi 2017-10-16
- transform-origin:水平方向 垂直方向
-
截图1赞 · 1采集
-
- Sandaydi 2017-10-16
- transform变换
-
截图0赞 · 0采集
-
- 慕粉1106073238 2017-08-06
- transform浏览器兼容性
-
截图0赞 · 0采集
-
- 慕粉1106073238 2017-08-06
- CSS3属性：transform
-
截图0赞 · 0采集
-
- 葡萄3 2017-05-13
- 建议使用transform:translate3d() 比较适用于移动端的硬件加速
- 0赞 · 0采集
-
- 死亡之翼death 2017-05-11
- transform
-
截图0赞 · 0采集
-
- LittleBocchi 2017-04-27
- transform浏览器兼容性
-
截图0赞 · 0采集
-
- 种子_fe 2017-02-27
- css3的3d属性可以开启移动端浏览器的硬件加速，所以即使可以只写2d转换的地方也可以写成3d的属性，这样也方便以后的修改
-
截图0赞 · 0采集
-
- 白白箱 2016-11-07
- 关于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轴的话，最后向量合成到空间里哪个方向，请各位自行脑补（其实用屏幕来创造坐标系理解比较容易） 最后： 用辞有错误不妥当不专业的地方请多多包涵
- 2赞 · 0采集
-
- P妞酱酱 2016-09-27
- dddddddddddd
-
截图0赞 · 0采集
-
- 一别经年 2016-04-25
- transform-origin再设置transform后才生效，transform-origin设置旋转中心点，transform-origin:center bottom;等价于：transform-origin:50% 100%;垂直和水平方向也可以设置百分比，默认是以图形的中间为旋转中心。
- 1赞 · 0采集
-
- Evey_Wong 2016-04-16
- 浏览器兼容： IE9支持替代的-ms-transform属性（仅适用于2D转换） Safari和Chrome支持替代的-webkit-transform属性（3D和2D转换） Opera只支持2D转换
- 0赞 · 0采集
-
- Evey_Wong 2016-04-16
- transform 功能：向元素应用2D或者3D转换 语法：transform:none|transform-functions 参数：translate3d(x,y,z)定义3D转换 rotate3d(x,y,z,angle)定义3D旋转 scale3d(x,y,z,flex)定义3D缩放
- 0赞 · 0采集
-
- monkeysmall 2016-04-12
- transform-origin 定义旋转中心点 这个属性，只有定义过transform后，才能生效 transform-origin:center bottom;
-
截图0赞 · 0采集
-
- 霜花似雪 2016-04-02
- -webkit-transform：translate（x,y,z） 3D移动 rotate3d(x,y,z,angle) 3D旋转 scale3d( x,y,z,flex) 3D缩放。 -webkit-transform-origin: center bottom top left 50% 100%; translate3d 转换 主要改变平移效果 rotate3d 3D旋转 scale3d 缩放
-
截图0赞 · 0采集
-
- 霜花似雪 2016-04-02
- transform
-
截图0赞 · 0采集
-
- 桦林蓝果儿 2016-03-28
- 找图行中心点
-
截图0赞 · 0采集
-
- 蓝宇君 2016-02-22
- transform
-
截图0赞 · 0采集
-
- 阿斯顿CCC 2016-02-19
- transform 3D转换 其中rotate3d(1,1,0,angle)代表z轴不转，前三个参数在0-1之间。
-
截图0赞 · 0采集
-
- 阿斯顿CCC 2016-02-19
- css3 3D属性会开启移动端硬件加速，所以写translate3d(0,10px,0);
- 0赞 · 0采集
-
- q_阳阳羊_0 2015-12-17
- transform
-
截图0赞 · 0采集
-
- 小幼苗之旅 2015-12-08
- transform-origin设置旋转中心点，只有设置了transform之后transform-origin才会生效 transform:scare(0,0,1)//表示的是x,y缩放比例是0，也就是被定义的东西就会消失。
-
截图1赞 · 1采集
-
- kwangroy 2015-11-21
- origin 中心点设置
-
截图0赞 · 0采集
-
- kwangroy 2015-11-21
- rotate3d xyz的系数在0到1之间
-
截图0赞 · 1采集
-
- qq_YourQueen_0 2015-10-28
- transform:scare(0,0,1)//表示的是x,y缩放比例是0，也就是被定义的东西就会消失
- 0赞 · 1采集
-
- qq_YourQueen_0 2015-10-28
- transform:translate3d(0,10px,0) rotate3d(1,1,1,45deg)//rotate(x,y,x,角度)，xyz是缩放比例（0-1）
- 0赞 · 1采集
-
- TWT 2015-10-01
- transform浏览器兼容 1 IE9支持替代的 -ms-transform 属性（仅适用于2D转换） 2 Safari 和 Chrome 支持替代的 -webkit-transform 属性（3D和2D转换） 3 Opera 只支持2D转换 transform 功能：向元素应用2D或3D转换 语法：transform:none|transform-functions 参数： translate3d(x,y,z)定义3D转化，x,y,z 代表平移的像素 rotate3d(x,y,z,angle)定义3D旋转，x,y,z 是0~1之间的系数 scale3d(x,y,z,flex)定义3D缩放 transform-origin:水平位置参数 垂直位置参数; 可以是百分比，top、bottom、left、right等
- 0赞 · 0采集
-
- 班大人 2015-08-18
- 横的是X轴，竖的是Y轴，斜线是Z轴 http://jingyan.baidu.com/article/d621e8da0aa7192865913f05.html
- 0赞 · 0采集
-
- 1274765441 2015-08-16
- transform 的功能
-
截图0赞 · 0采集
数据加载中...