我正在opacity: 0;
CSS 中设置的某些元素上运行动画。动画类被施加的onClick,并且,使用关键帧,它改变从不透明0
到1
(除其他外)。
不幸的是,动画结束后,元素将返回到opacity: 0
(在Firefox和Chrome中)。我自然的想法是,动画元素会保持最终状态,而不是覆盖其原始属性。这不是真的吗 如果没有,我如何才能做到这一点?
代码(不包括前缀版本):
@keyframes bubble {
0% { transform:scale(0.5); opacity:0.0; }
50% { transform:scale(1.2); opacity:0.5; }
100% { transform:scale(1.0); opacity:1.0; }
}
1
我将发布自己的重复通知:stackoverflow.com/questions/9196694/css3-animation-scale至少我的标题更具指导性!
—
2012年