话不多说, 以左上角为原点 -moz-transform-origin: 0 0; -webkit-transform-origin:0 0; -o-transform-origin:0

话不多说,

以左上角为原点

-moz-transform-origin: 0 0;

-webkit-transform-origin:0 0;

-o-transform-origin:0 0;


以右上角给原点

-moz-transform-origin: top right;

-webkit-transform-origin:top right;

-o-transform-origin:top right;


以左下角为原点

-moz-transform-origin: 0 100%;

-webkit-transform-origin:0 100%;

-o-transform-origin:0 100%;


以右下角为原地啊

-moz-transform-origin: 100% 100%;

-webkit-transform-origin:100% 100%;

-o-transform-origin:100% 100%;



  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
属性是什么意思? `-webkit-transform`是一个用于在 Webkit 浏览器中应用变换效果的 CSS 属性。其中包括了 `translate`、`scale`、`rotate` 和 `skew` 四个常用的变换效果。具体含义如下: - `translate`:平移,基于 XY 轴重新定位元素。属性值为一个时,x、y 轴参数相同;为两个时,x、y 轴分别定位。 - `scale`:缩放,1 为原始大小。参数正数时放大,负数缩小。属性值为一个时,x/y 轴同时缩放;属性值为两个值时,分别控制 x、y 轴的缩放。 - `rotate`:水平旋转,属性值格式为 Xdeg。X 为正数时,顺时针旋转;为负数时,逆时针旋转。 - `skew`:将元素沿水平方向倾斜变形。属性值为一个时,x/y 轴参数相同;为两个时,x、y 轴各自倾斜。 所以,`-webkit-transform`属性可以通过设置不同的值来实现元素的平移、缩放、旋转和倾斜效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [webkit-transform 的含义](https://blog.csdn.net/robin912/article/details/80753859)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [CSS3 -webkit-transform(元素变换)](https://blog.csdn.net/tuhuolong/article/details/8080257)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值