CSS32D转换的旋转和缩放

    技术2024-11-05  10

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

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

    移动: translate

    旋转: rotate

    缩放: scale

    2D转换旋转rotate

    2D旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转。

    1.语法

    transform : rotate ( 度数 );

    2.重点

    rotate里面跟度数 单位是 deg. 比如 rotate ( 45deg );

    2D转换之缩放scale

    缩放,顾名思义,可以放大和缩小。只要给元素添加上了这个属性就能控制它放大还是缩小。

    transform : scale(x , y);

    有什么问题可以评论区留言 大家一起加油~~

    Processed: 0.030, SQL: 9