他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素を記述するだけではなく、2 つの要素のレイヤーを使用する必要がある理由<p class="ball"></ p>? 次に、transform を使用して x 軸と y 軸を変更します。このように書いても効果がないことがわかりました。しかし、なぜ?
これは他の人のコードです
これは私のコードです
css:
記事アドレス/a/11...
一目見て問題に気づきました
ここでは前半のみを返します。全体は文字列です
transition:0.6s all cubic-bezier(0.49, -0.29, 0.75, 0.41) ここで、cubic-bezier は移動速度なので、これを書くだけで放物線効果のない斜めのアニメーションになります。実際には 2 つの要素は分解に相当します。スピード
一目見て問題に気づきました
リーリーここでは前半のみを返します。全体は文字列です
リーリーtransition:0.6s all cubic-bezier(0.49, -0.29, 0.75, 0.41) ここで、cubic-bezier は移動速度なので、これを書くだけで放物線効果のない斜めのアニメーションになります。実際には 2 つの要素は分解に相当します。スピード