prefixing @keyframes mixin?

时间:2014-07-15 10:28:23

标签: css sass

在纯SASS中,有可能有这样的东西吗?

$prefixed: "", "-webkit-"

    @each $p in $prefixed
        @#{$p}keyframes animation
            0%
                bottom: 0
                #{$p}animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
            100%
                bottom: 60px

输出如下:

@-webkit-keyframes animation
    0%
        bottom: 0
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    100%
        bottom: 60px

@keyframes animation
    0%
        bottom: 0
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    100%
        bottom: 60px

0 个答案:

没有答案