相关疑难解决方法(0)

你应该如何在CSS3动画中为变换属性添加前缀?

我有下面的Sass片段就像一个魅力,但我想知道我是否需要为我的变换属性添加前缀,如果是,如何?(如果没有,为什么不呢?)

@mixin expand-o-band() {
    0%   { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(2); }
}

@-webkit-keyframes expand-o-band { @include expand-o-band(); }
@-moz-keyframes expand-o-band { @include expand-o-band(); }
@-o-keyframes expand-o-band { @include expand-o-band(); }
@keyframes expand-o-band { @include expand-o-band(); }


.circle-thing {
    -webkit-animation: expand-o-band 1.5s infinite; /* Safari 4+ */
    -moz-animation:    expand-o-band 1.5s infinite; /* Fx 5+ */
    -o-animation:      expand-o-band 1.5s infinite; /* Opera 12+ */
    animation:         expand-o-band 1.5s infinite; /* IE 10+, Fx 29+ */
} …
Run Code Online (Sandbox Code Playgroud)

css sass css3 css-transforms css-animations

2
推荐指数
2
解决办法
1602
查看次数

-ms-animation我应该为旧浏览器包含这个吗?

正如标题所述,我想知道是否应该使用它.

根据MS文档,简单地使用"动画"现在是IE10的默认设置(这就是为什么我有一个绿色的波浪形)

在查看并修复它之后,我想知道,如果我仍然包含这行"-ms-animation"

任何人都可以说,如果老浏览器需要它,或者删除了对"-ms"前缀的需要追溯适用吗?

css internet-explorer css3 vendor-prefix

2
推荐指数
1
解决办法
2134
查看次数