是否有一个简短的方法来列出带有供应商前缀的CSS3关键帧?

前端之家收集整理的这篇文章主要介绍了是否有一个简短的方法来列出带有供应商前缀的CSS3关键帧?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
目前我必须列出所有变化:
@-webkit-keyframes show {
    from { background-color: rgba(0,0); }
    to { background-color: rgba(0,0.8); }
}

@-moz-keyframes show {
    from { background-color: rgba(0,0.8); }
}

[…]

你明白了.有没有办法写这个更短?像这样的东西没有破坏它:

@-webkit-keyframes show,@-moz-keyframes show {}

解决方法

在CSS中本身不是,但你可以通过使用CSS预处理器来实现这一点,例如 LESS支持“mixins”的概念来删除一些重复.

更多信息可以在here找到,特别是文章中的例子:

@-webkit-keyframes some-animation {.mixi-frames;}
@-moz-keyframes some-animation {.mixi-frames;}

.mixi-frames () {
    from {width: 254px;}
    to {width: 512px;}
}

猜你在找的CSS相关文章