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, анимация начнется.