CSS3 2D转换之移动

    技术2022-07-21  78

    2D转换 移动

    转换(transform) 是CSS3中具有颠覆性的特征之一 可以实现元素的位移、旋转、缩放 等效果

    转换(transform)可以简单埋解为变形

    移动: translate 旋转: rotate 缩放: scale

    语法

    /* x就是x轴移动位置 y就是y轴移动位置 中间用逗号分开 */ transform: translate(x, y); 或者分开写 transform: translateX(n); transform: translateY(n);

    定义2D转换中的移动, 沿着 X 和 Y 轴移动元素

    translate最大的优点 :不会影响到其他元素的位置

    translate中的分比单位是相对于自身元素的translate(50%,50%)

    对行内标签没有效果

    这两天学的比较慢吧 晚上或者明天给你们更新剩下的2D属性 大家一起加油~~

    Processed: 0.019, SQL: 9