JavaScript - トランスフォームでスクロール効果を作成するのに 2 つの要素が必要な理由
滿天的星座
滿天的星座 2017-05-19 10:18:02
0
2
837

他の人の記事を読んだのですが、小さなボールの放物線効果を実現するために 2 つのアニメーションを実行するには、1 つの要素を記述するだけではなく、2 つの要素のレイヤーを使用する必要がある理由<p class="ball"></ p>? 次に、transform を使用して x 軸と y 軸を変更します。このように書いても効果がないことがわかりました。しかし、なぜ?

これは他の人のコードです

これは私のコードです

リーリー

css:

リーリー

記事アドレス
/a/11...

滿天的星座
滿天的星座

全員に返信(2)
给我你的怀抱

一目見て問題に気づきました

リーリー

ここでは前半のみを返します。全体は文字列です

リーリー
いいねを押す +0
过去多啦不再A梦

transition:0.6s all cubic-bezier(0.49, -0.29, 0.75, 0.41) ここで、cubic-bezier は移動速度なので、これを書くだけで放物線効果のない斜めのアニメーションになります。実際には 2 つの要素は分解に相当します。スピード

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート