css rotation属性怎么用-前端问答-PHP中文网

首页

web前端

前端问答

css rotation属性怎么用

May 29, 2019 pm 04:01 PM

css

rotation属性是css3的一个新增属性，用于围绕由rotation-point属性定义的指定点，对块级元素进行逆时针旋转。边框、内边距、内容以及背景（非固定）也会被旋转！但目前主流浏览器都还不支持该属性。

css rotation属性怎么用

css rotation属性怎么用？

rotation属性围绕由rotation-point属性定义的指定点，对块级元素进行逆时针旋转。

语法：

rotation: angle;

登录后复制

属性值：

●　angle：元素旋转角度。可能的值：0deg 到 360deg。

注释：边框、内边距、内容以及背景（非固定）也会被旋转！目前主流浏览器都还不支持 rotation 属性。

css rotation属性示例

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt; 
&lt;style&gt; 
h1
{
rotation-point:50% 50%;
rotation:180deg;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;旋转效果&lt;/h1&gt;
&lt;p&gt;&lt;b&gt;注释：&lt;/b&gt;目前没有浏览器支持 rotation-point 或 rotation 属性。&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

登录后复制

以上是css rotation属性怎么用的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn