Question

我最近更新到Compass版本1.0.16并且正在设置新动画内容的基本用法。出于某种原因，当我尝试为不同的动画设置设置默认值时，它们不会生效，要求我在整个应用程序中对值进行硬编码。

具体做法是：

$default-animation-duration: 0.5s;

@import "compass/css3";

@include keyframes(slideOutLeft) {
    0% {
        @include transform(translateX(0%));
    }

    100% {
        @include transform(translateX(-100%));
    }
}

#id {
    @include animation(slideOutLeft); // Doesn't work
}

#id2 {
    @include animation(slideOutLeft 0.5s); // Does work.
}

有什么想法吗？

Answer 1

Compass人员的官方消息可以在这里找到：https://github.com/chriseppstein/compass/issues/1556

是的，目前默认值仅用于长格式属性例如animation-duration（），或者在没有传递其他参数的情况下例如animation（）（使用所有默认值）。不确定是不是最好的方法，但默认情况下非常具有侵略性。

没有使用指南针$ default-animation-duration？

1 个答案: