css3中-moz,-ms,-webkit,-o是几个意思

最新推荐文章于 2022-07-08 09:00:33 发布

原创最新推荐文章于 2022-07-08 09:00:33 发布 · 307 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #css用法

文章存档同时被 2 个专栏收录

262 篇文章

订阅专栏

html5

168 篇文章

订阅专栏

本文深入解析CSS前缀的使用，包括-ms（IE）、-moz（Firefox）、-webkit（Safari和Chrome）、-o（Opera）及标准transform属性，示例展示如何实现元素旋转和变换原点设置。

解释：

//-ms代表【ie】内核识别码

//-moz代表火狐【firefox】内核识别码

//-webkit代表谷歌【chrome】/苹果【safari】内核识别码

//-o代表欧朋【opera】内核识别码

用法：

-ms-transform:rotate(7deg);
-moz-transform:rotate(7deg);
-webkit-transform:rotate(7deg);
-o-transform:rotate(7deg);
transform:rotate(7deg);

示例：

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 */
}