2

这个 CSS 选择器是什么意思?

50% {
..
}

有没有提到这个“技巧”?

4

1 回答 1

7

它是@keyframes定义的一部分,指出“当动画完成 50% 时,应该应用这些样式”。几个这样的定义会产生一个动画,这些值会根据另一个 CSS 规则中的动画定义进行插值。

一个完整的 CSS 动画看起来像这样:

#flashy {animation: colourflash 5s linear infinite alternate}
@keyframes colourflash {
    from {background-color:red}
    50% {background-color:green}
    to {background-color:blue}
}
于 2013-11-10T09:31:11.537 回答