发表于: 2017-04-08 23:57:10
1 1128
今天完成的事情:
继续看红宝书
明天计划的事情:
完成组织管理模块
遇到的问题:
暂无
收获:
css 3Dtransform属性:
3D transform中有下面三个方法:
rotateX(angle)
rotateY(angle)
rotate(angle)
transform属性:translate(x,y)定义2D转换,x轴和y轴平移
translateX(x) 定义转换,只是用x轴的值
translateY(y)定义y轴的值
translateZ(z)定义y轴的值
scale(x,y)定义x轴与y轴的缩放
scale3d(x,y,z)
rotate(angle)定义2D转换,在参数中规定角度 90 180 270 360 四个方向
rotateX(angle) x轴3D旋转,rotateX(90deg)刚好水平,rotateX(180deg) 关于x轴镜像 rotateX(270deg) 没了,rotateX(360deg)还原
rotateY沿y轴旋转,90度消失,180度关于y轴镜像,270度消失,360度还原
rotateZ沿Z轴旋转,z轴即电脑屏幕
skew(x-angle,y-angle)沿着x轴 Y轴2D倾斜旋转
skewX(angle)定义沿着X轴2D倾斜旋转
skewY(angle)定义沿着Y轴D倾斜旋转
perspective(n)定义透视视图
评论