1

私が取り組んでいるこのプロジェクトでは、css とスタイル付きの div 以外は何も使用しないアニメーションを作成する必要がありました。

ほぼ同じものの完全な動作例がここにあります(青い背景の白い移動する四角に注意してください):

http://www.braintreepayments.com

ただし、上記のデモとは異なり、私のデザインはアニメーションの約 10 倍の div シェイプで構成されており、アニメーションのタイミングが切れるとコンテナーが空白になり、設計が不十分に見えます。

私の質問は、上記の例のアニメーションは、スタイル設定された div がほとんどない状態で、Web サイトに「連続的/無限効果」をどのように作成するのですか? 私はこの効果を再現するために何かを策定しようとしてきましたが、成功しませんでした.

注: JQuery / Javascript ソリューションの使用も検討しています。

4

1 に答える 1

1

anitmation-iteration-countプロパティと値を使用すると、infiniteCSS が縮小されているため、一致するセレクターを見つけるのに苦労しますが、そのルールはスタイルシートのどこかに存在します。

于 2013-08-15T15:56:11.017 に答える