css - css3动画可见

Question

我在 css 动画中遇到问题。

当一个电话这个动画工作正常。但是在我使用延迟之后出现了问题。

问题是：如果 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);}
}

谢谢你。

Answer 1

我真的不知道你在说什么，但我会尽力回答。但是你是说你想要动画它的不透明度吗？

您可以在不同的浏览器上使用过渡：

#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 时，动画都会开始。