为什么有些开发人员忽略了 -moz- 和 -o- 转换声明?
Why do some developers neglect -moz- and -o- declaration for transitions?
好吧,这是一个很简单的,但是,我很好奇。
最近我发现在一些现代(并且做得很好)的设计主题中,开发人员放弃为 CSS 转换声明 -moz- 和 -o-(好吧忘记 -ms- 无论如何)。因此,而不是 i.g。拥有:
-webkit-transition: -webkit-transform 0.315s ease-in-out;
-moz-transition: -webkit-transform 0.315s ease-in-out;
-o-transition: -webkit-transform 0.315s ease-in-out;
transition: transform 0.315s ease-in-out;
他们只是使用:
-webkit-transition: -webkit-transform 0.315s ease-in-out;
transition: transform 0.315s ease-in-out;
这有充分的理由吗,还是他们根本不关心其他浏览器?是否可能是因为现代 Firefox 或 Opera 浏览器也可以使用不带前缀的过渡?
我也很想在我的设计中实现更轻的版本 2,但我不确定。专业人士有什么解释吗?
取决于浏览器和它们的目标版本。就我的 Webkit 经验而言,如果标准化规则无法解析,Webkit 几乎总是会退回到 -webkit 注释。我写过很多前端,但我没有看到较新版本的 Firefox 使用 moz
注释,除非它是一个相当新的功能,例如 object-fit
或 filters
。
小建议:如果您是 运行 Gulp 或 Grunt,我建议您使用 CSS-autoprefixer
。此插件为您添加前缀。
好吧,这是一个很简单的,但是,我很好奇。
最近我发现在一些现代(并且做得很好)的设计主题中,开发人员放弃为 CSS 转换声明 -moz- 和 -o-(好吧忘记 -ms- 无论如何)。因此,而不是 i.g。拥有:
-webkit-transition: -webkit-transform 0.315s ease-in-out;
-moz-transition: -webkit-transform 0.315s ease-in-out;
-o-transition: -webkit-transform 0.315s ease-in-out;
transition: transform 0.315s ease-in-out;
他们只是使用:
-webkit-transition: -webkit-transform 0.315s ease-in-out;
transition: transform 0.315s ease-in-out;
这有充分的理由吗,还是他们根本不关心其他浏览器?是否可能是因为现代 Firefox 或 Opera 浏览器也可以使用不带前缀的过渡?
我也很想在我的设计中实现更轻的版本 2,但我不确定。专业人士有什么解释吗?
取决于浏览器和它们的目标版本。就我的 Webkit 经验而言,如果标准化规则无法解析,Webkit 几乎总是会退回到 -webkit 注释。我写过很多前端,但我没有看到较新版本的 Firefox 使用 moz
注释,除非它是一个相当新的功能,例如 object-fit
或 filters
。
小建议:如果您是 运行 Gulp 或 Grunt,我建议您使用 CSS-autoprefixer
。此插件为您添加前缀。