·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]css3中-moz,-ms,-webkit,-o是什么含义

时间:2018-11-26 09:22阿酷
[html5]css3中-moz,-ms,-webkit,-o是什么含义

解释:
//-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);

示例:

  1. div 
  2. { 
  3. transform: rotate(45deg); 
  4. transform-origin:20% 40%; 
  5.   
  6. -ms-transform: rotate(45deg);       /* IE 9 */ 
  7. -ms-transform-origin:20% 40%;       /* IE 9 */ 
  8.   
  9. -webkit-transform: rotate(45deg);   /* Safari 和 Chrome */ 
  10. -webkit-transform-origin:20% 40%;   /* Safari 和 Chrome */ 
  11.   
  12. -moz-transform: rotate(45deg);      /* Firefox */ 
  13. -moz-transform-origin:20% 40%;      /* Firefox */ 
  14.   
  15. -o-transform: rotate(45deg);        /* Opera */ 
  16. -o-transform-origin:20% 40%;        /* Opera */ 
  17. } 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器