css transform-origin属性怎么用

来源：动视网责编：小采时间：2020-11-02 22:14:40

css transform-origin属性怎么用

css transform-origin属性怎么用:定义和用法transform-origin 属性允许您改变被转换元素的位置。2D 转换元素能够改变元素 x 和 y 轴。3D 转换元素还能改变其 Z 轴。注释：该属性必须与 transform 属性一同使用。实例设置旋转元素的基点位置：div { transform: rotate(

推荐度：

点击下载本文 文档为doc格式

导读css transform-origin属性怎么用:定义和用法transform-origin 属性允许您改变被转换元素的位置。2D 转换元素能够改变元素 x 和 y 轴。3D 转换元素还能改变其 Z 轴。注释：该属性必须与 transform 属性一同使用。实例设置旋转元素的基点位置：div { transform: rotate(

定义和用法

transform-origin 属性允许您改变被转换元素的位置。

2D 转换元素能够改变元素 x 和 y 轴。3D 转换元素还能改变其 Z 轴。

注释：该属性必须与 transform 属性一同使用。

实例

设置旋转元素的基点位置：

div
{
transform: rotate(45deg);
transform-origin:20% 40%;

-ms-transform: rotate(45deg); 	/* IE 9 */
-ms-transform-origin:20% 40%; 	/* IE 9 */

-webkit-transform: rotate(45deg);	/* Safari 和 Chrome */
-webkit-transform-origin:20% 40%;	/* Safari 和 Chrome */

-moz-transform: rotate(45deg);	/* Firefox */
-moz-transform-origin:20% 40%;	/* Firefox */

-o-transform: rotate(45deg);	/* Opera */
-o-transform-origin:20% 40%;	/* Opera */
}

语法

transform-origin: x-axis y-axis z-axis;

css transform-origin属性怎么用

推荐度：

点击下载本文 文档为doc格式

标签：使用属性 css

热门焦点

css transform-origin属性怎么用

css transform-origin属性怎么用

css transform-origin属性怎么用

最新推荐

猜你喜欢

热门推荐