首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >rotateZ()

rotateZ()

作者头像
Html5知典
发布2019-11-26 14:36:27
2680
发布2019-11-26 14:36:27
举报
文章被收录于专栏:Html5知典Html5知典

用途

rotateZ() 规定围绕Z轴旋转。

语法

rotateZ(angle)

描述

<angle>

<angle>代表旋转的角度。一个正数的角度表示顺时针旋转,负数的角度表示逆时针旋转。

例子

/* HTML */
<div class="stage"> 
    <div class="box">transform:rotateX(60deg)</div> 
</div>

/* CSS */
.stage{ 
    height:200px; 
    padding-top:50px; } 
.box{ 
    width:350px; 
    height:50px; 
    background:red; 
    font-size:20px; 
    color:#fff; 
    transform:rotateZ(30deg);//沿着 Z 轴的3D旋转30度。 }
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-10-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档