发表于： 2017-02-17 02:17:37
0 1230
今天完成的事情：
1.修改了下关于我们页面的bug
2.看了transform的属性
明天计划的事情：
修改萝卜多复盘项目的bug，看一下红宝书
遇到的问题：
今天修改下布局bug，主要就是一些忘记清除浮动的情况。
收获：
做了下百度前端学院的任务，学习了一下transform属性，简单的总结下。
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轴即电脑屏幕
返回列表
评论