我正在尝试将类似于我的风格的风格应用到div
元素中。最终结果应该类似于“如果不确定就返回end”消息:
快速sidenote:对于那些没有玩过游戏的人,会读取特定文件中的随机行,并将其内容显示为当天的信息。它不停地进进出出,吸引你的注意力。
文本阴影、字体和跳动动画已经完成。然而,当我尝试应用第二个动画时,它会覆盖抽动动画(这意味着它不会跳动,而是旋转)。
我的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
效果。
什么是最好的方式来实现一个旋转的效果,而不超过我的跳动效果?
发布于 2013-08-25 20:39:56
您不希望有一个旋转,animation...you想要旋转div。只需向css块添加transform: rotate(340deg);
行即可。
发布于 2013-08-25 20:52:11
任何给定的元素在任何给定的时间都只能有一个转换。任何在同一时间设置2转换的尝试都会导致其中一个被覆盖。
您可以:
1)设置两个div,一个在另一个中,并将一个不同的转换应用于父和子。
2)构造复合变换。在动画的情况下,这意味着为每个框架创建复合转换。
https://stackoverflow.com/questions/18433436
复制相似问题