【CSS3】transform 旋转效果 rotate() --冯浩的博客

rotate:设置旋转的角度
旋转该元素,配合着transform-origin属性,
transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以,只不过是根据该元素的中心点旋转,也就是center center)
transform-origin 是根据自己而定位的,所以 0px 0px 就是左上角那个点
在这里插入图片描述
rotateX : 沿着x轴进行旋转
在这里插入图片描述
rotateY:沿着y轴进行旋转
在这里插入图片描述
rotateZ:沿着z轴旋转
z轴我们理解起来不太容易 根据这个图 z轴是不是好理解了喃
在这里插入图片描述
在这里插入图片描述
rotate3d(rotateX,rotateY,rotateZ,角度)
可以同时设置rotateX,rotateY,rotateZ,rotate
在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值