您的位置:首页 >专题集锦 >

CSS3中的transform功能详解?CSS3转换(transform)基本用法介绍?

2023-01-19 08:44:28    来源:酷狗科技网

(1)在CSS3中通过transform属性来实现transform功能:

(2)transform功能使用方法:

transform:功能;

-ms-transform:功能;/*IE9*/

-moz-transform:功能;/*Firefox*/

-webkit-transform:功能;/*Safari和chrome*/

-o-transform:功能;/*Opera*/

一、功能

实现元素的平移、旋转、缩放或倾斜。

二、 实现条件

只能转换由盒模型定位的元素。

三、 基本语法

transform: none 不应用任何变换

transform: 应用一个或多个值,以空格分开 是啥?

它是css中的一种数据类型,用于对元素的显示做变换。包括二维变换和三维变换。

四、 实现方式

1. 变形原点

在介绍转换之前需要先介绍一下变形原点,即转换的基点。

关键词: CSS3中的transform功能详解 CSS3转换(transform)基本用法介绍 css3transition使用教程 css3标签怎么用

相关阅读

精彩推送