2012-05-17 107 views
0

我在css动画中遇到问题。css3动画可见

当这个动画调用工作正常。 但我使用延迟后有问题。

问题是:如果Div在动画不可见后不可见,如果在动画可见后可见。

所以我需要==>在动画之前不可见并且可见之后。

代码:

@-webkit-keyframes ph { 
    0% { opacity: 0; -webkit-transform: scale(0.1);} 
    25% {opacity: 0.9; -webkit-transform: scale(1.1); } 
    100% {opacity: 1; -webkit-transform: scale(1);} 
} 

谢谢。

回答

0

我真的不知道你在说什么,但我会尽力回答。但你是否说你想让它变成不透明的?

您可以在不同的浏览器使用的转换:

#object { 
    -webkit-transition: all .3s ease-in-out; 
    -moz-transition: all .3s ease-in-out; 
    -o-transition: all .3s ease-in-out; 
    -ms-transition: all .3s ease-in-out; 
    opacity:.5; 
} 
#object:hover { 
    opacity:1; 
} 

所以每次你的onMouseOver和onmouseout,动画将开始。

+0

对不起,我的英语不是上帝。 – user1400317

+0

请检查。 http://jsfiddle.net/sXujn/ 动画之后,文字不可见。 – user1400317

+0

它似乎是.animate-ph有一个不透明度:0。所以无论何时动画完成,代码仍会读取不透明度:0,这就是为什么在动画之后它继续消失。尝试更改不透明度:0到1,如果您喜欢,请查看结果。 :) –