3

3D 空間の要素でカード フリップを行う CSS があります。ページを上下にスクロールすると、Chrome の特定の場所に白い要素がランダムに表示されることを除けば、うまく機能します。Facebookタブ内の例として画像を添付しました。Chrome ウィンドウでは、白い「ボックス」がコンテンツを覆い隠すことがあります。3d 変換 css をコメントアウトすると、これは発生しません。これは、3D 処理を行う cssのフィドル ( http://jsfiddle.net/derekaug/QSEvs/ ) です。残念ながら、まだ公開されていないため、実際のタブにリンクすることはできません。

例

4

1 に答える 1

0

確かに機能するとは言っていませんが、使用されていないときにすべての変換cssプロパティを要素から削除することで修正しました。

つまり、アニメーションがオンのときにのみ変換プロパティを適用します。これは、あなたの例では、すべての変換プロパティを持つアニメーションごとに 1 つずつ 2 つのクラスを作成し、基本クラスのものを削除することを意味します。次に、クリックして適切なクラスを適用し、変換が終了したらすぐにクラスを削除します。トランジションが終了したときに要素で起動される JavaScript コールバックがあり、クラスを削除できます。

CSS3 遷移イベント

于 2012-05-15T13:26:33.463 に答える