首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >添加两个CSS3动画?

添加两个CSS3动画?
EN

Stack Overflow用户
提问于 2013-08-25 20:36:27
回答 2查看 147关注 0票数 0

我正在尝试将类似于我的风格的风格应用到div元素中。最终结果应该类似于“如果不确定就返回end”消息:

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

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

我的CSS如下:

代码语言:javascript
运行
复制
#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效果。

什么是最好的方式来实现一个旋转的效果,而不超过我的跳动效果?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-08-25 20:39:56

您不希望有一个旋转,animation...you想要旋转div。只需向css块添加transform: rotate(340deg);行即可。

票数 5
EN

Stack Overflow用户

发布于 2013-08-25 20:52:11

任何给定的元素在任何给定的时间都只能有一个转换。任何在同一时间设置2转换的尝试都会导致其中一个被覆盖。

您可以:

1)设置两个div,一个在另一个中,并将一个不同的转换应用于父和子。

2)构造复合变换。在动画的情况下,这意味着为每个框架创建复合转换。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18433436

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档