CSS3 Vendor-prefixing
Browser vendors needed a way to add support for new features that were not yet standardized, but without messing up later changes or creating incompatibles. To solve this issue Vendor Prefixes were created. A vendor prefixes is a special prefix added to a CSS property. Each rendering engine has it's own prefix which will only apply the property to that particular browser.
The major browsers use the following prefixes:
-webkit-
(Chrome, Safari, newer versions of Opera, almost all iOS browsers (including Firefox for iOS); basically, any WebKit based browser)-moz-
(Firefox)-o-
(Old, pre-WebKit, versions of Opera)-ms-
(Internet Explorer and Microsoft Edge)
So, for exmaple, a Firefox prefix for the transform property will be written as -
.example {
-moz-transform: value;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
Autoprefixer
Working with Autoprefixer is simple: just forget about vendor prefixes and write normal CSS according to the latest W3C specs. You don’t need a special language (like Sass) or remember where you must use mixins.
Autoprefixer supports selectors (like :fullscreen
and ::selection
), unit function (calc()
), at‑rules (@supports
and @keyframes
) and properties.
Because Autoprefixer is a postprocessor for CSS, you can also use it with preprocessors such as Sass, Stylus or LESS.
https://github.com/sindresorhus/sublime-autoprefixer
https://www.w3.org/TR/CSS/#css
最新文章
- 纯CSS实现二级下拉导航菜单
- Play常用代码片段 http://www.anool.net/?p=625
- Linux(CentOS)下安装git
- Python学习(13)函数
- Android权限之sharedUserId和签名
- USACO3.25Magic Squares(bfs)
- 浏览器渲染页面过程描述,DOM编程技巧以及重排和重绘。
- ubuntu 14.04 vnc use gnome(ubuntu14.04 gnome for vnc4server)
- MySQL Cluster-备份恢复初步测试
- C#将.spl剥离成.emf文件格式
- Mysql锁机制--并发事务带来的更新丢失问题
- DataIntegrityViolationException
- LeetCode第十题-正则表达式匹配
- UVALi 3263 That Nice Euler Circuit(几何)
- [UE4]用Blenspace混合空间动画代替AimOffset动画偏移
- Eclipse svn 项目 星号
- Docker:搭建私有仓库(Registry 2.4)
- VS2013在Windows7 64位上变慢的解决方法
- 洛谷P1938 找工就业
- dedecms织梦 v5.6 两处跨站漏洞