菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 张佳豪_2023426_前端 [打印本页]

作者: 张佳豪 时间: 2023-4-26 08:52
标题: 张佳豪_2023426_前端
属性 transform
属性值
translate(x,y) 对盒子的X和Y轴进行位移
translateX(n) 对盒子进行x轴的位移
translateY(n) 对盒子进行y轴的位移
注意点：
1、translate不会影响其他的元素位置
2、translate中的百分比单位是相对于元素自身的宽高来进行设定的比如 transform:translate(50%,50%)；
3、对行内标签没有效果
盒子的水平垂直居中
利用translate来实现盒子水平垂直居中
思路：先调整盒子的left值为50%，top值为50%，使用translate移动盒子自己宽高的一半即可（注意：要用负值）
2D转化的角度
transform：rotate(度数);
度数的单位是deg，度数为正数代表顺时针旋转，负数为逆时针旋转。

2D转换中心点
transform-origin来设置

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)