博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3常用的样式加前缀归类
阅读量:4942 次
发布时间:2019-06-11

本文共 1003 字,大约阅读时间需要 3 分钟。

1:2d、3d转换需要加前缀

transform;

  2d

  • translate()
  • rotate()
  • scale()
  • skew()
  • matrix();

  3d:

  • rotateX()
  • rotateY()

2d:

Internet Explorer 10、Firefox 以及 Opera 支持 transform 属性。

Chrome 和 Safari 需要前缀 -webkit-。

注释:Internet Explorer 9 需要前缀 -ms-

 

 

3d:

Internet Explorer 10 和 Firefox 支持 3D 转换。

Chrome 和 Safari 需要前缀 -webkit-

Opera 仍然不支持 3D 转换(它只支持 )。

 

2:transition过渡

 

Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 transition 属性。

Safari 需要前缀 -webkit-。

注释:Internet Explorer 9 以及更早的版本,不支持 transition 属性。

注释:Chrome 25 以及更早的版本,需要前缀 -webkit-。

 

3:动画

Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 规则和 animation 属性。

Chrome 和 Safari 需要前缀 -webkit-

注释:Internet Explorer 9,以及更早的版本,不支持 @keyframe 规则或 animation 属性。

  

4:多列

  • column-count
  • column-gap
  • column-rule
-moz-column-count:3; 	/* Firefox */-webkit-column-count:3; /* Safari 和 Chrome */column-count:3;

Internet Explorer 10 和 Opera 支持多列属性。

Firefox 需要前缀 -moz-。

Chrome 和 Safari 需要前缀 -webkit-。

注释:Internet Explorer 9 以及更早的版本不支持多列属性。

 

 

转载于:https://www.cnblogs.com/wtt52800/p/7568668.html

你可能感兴趣的文章
回顾2012,展望2013
查看>>
【Java小项目】简单的天气预报
查看>>
IDEA将maven项目配置到本地tomcat中运行
查看>>
深拷贝与浅拷贝
查看>>
Dubbo是什么
查看>>
非常好用的终端命令,稀饭~
查看>>
Java垃圾回收器的工作原理
查看>>
Java开发笔记(八十六)通过缓冲区读写文件
查看>>
史上最全最强SpringMVC详细示例实战教程
查看>>
elastic-job 新手指南&官网指南
查看>>
VS 2013 Chrome PPAPI 开发环境
查看>>
Selenium + WebDriver 各浏览器驱动下载地址
查看>>
netty理解
查看>>
python day 1
查看>>
17.1.1.3 Creating a User for Replication 创建一个用于用于复制:
查看>>
mysql 创建函数set global log_bin_trust_function_creators=TRUE;
查看>>
java中虚拟机命令:jstack使用方法
查看>>
AJAX POST&跨域 解决方案 - CORS(转载)
查看>>
03、C语言——顺序结构
查看>>
我的发布小结
查看>>