0

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);}
}

ありがとうございました。

4

1 に答える 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 を実行するたびに、アニメーションが開始されます。

于 2012-05-17T14:42:10.850 に答える