添加两个CSS3动画？

Question

我正在尝试将类似Minecraft的样式应用于div元素.最终结果应该类似于"if not ok then return end"消息:

快速旁注:对于那些没有玩过游戏的人,会读取特定文件中的随机行,并将其内容显示为当天的消息.它进出并吸引你的注意力.

文本阴影,字体和跳动动画已经完成.但是,当我尝试应用第二个动画时,它会覆盖跳动动画(意味着它不会跳动,但会旋转)

我的CSS如下:

#random-message {
    /* font/text stuff */
    animation:minecraft, minecraft-rotate 0.5s infinite;
    -webkit-animation:minecraft 0.5s infinite; /* Safari and Chrome */
}

动画minecraft应用transform: scale效果,并minecraft-rotate应用transform: rotate效果.

在不超越我的悸动效果的情况下实现旋转效果的最佳方法是什么？

Answer 1

你不想要一个旋转动画...你想旋转div.只需transform: rotate(340deg);在css块中添加一行即可.