css-transitions

0熱

1答えて

transitionプロパティが定義された要素があります。私はクラスをトグルすることによって2つの状態の間でアニメートします。ただし、Edge（40.15063.674.0、EdgeHTML 15.15063）では、以前のトランジションが完了していない場合、トランジションはアニメーション化されません（その代わりに状態が直ちに変更されます）。ここには最小限のスニペットがあります。正方形が不連続に

1熱

1答えて

transition ease-in-out;

私は単純なトランジトンを使用しようとしていますが、なぜ動作していないのかわかりません。私たちを手伝ってくれますか？私は例としてこれを使用 .container{ width:250px; height:300px; background:#00f; position:relative; transition: ease-in-out; } .

0熱

1答えて

Vuetify.JSトランジションを高速化する

Vuetifyトランジションをスピードアップすることは可能ですか？私はthisページを見て、ややトランジションをカスタマイズしましたが、アニメーションの時間/スピードについては何も言いません。アニメーションの時間を約0.2秒に短縮したいと思います。どのようにすればいいですか？

2熱

1答えて

同時に2つの異なる要素のフェードインとフェードアウトを行います

私はVue jsとトランジションが初めてで、Vueコンポーネントを設計しています。データをラージにサーバーからロードする予定です。使用できない場合は、読み込み用のGIFが表示されます。うまく動作します。しかし、シンプルなフェードトランジションを追加して、ロード時のgifをフェードアウトさせ、データが使用可能になったとき（またはその逆）同時にフェードインすると、コンテンツとgifが表示されていると

0熱

2答えて

ホバー状態がなくなっても遷移を維持する

私はdivコンテナを持っていますが、このコンテナにマウスカーソルを合わせると、2番目のdivの不透明度を0から1に変更することによって別のdivを表示します。私は2番目のdiv（私のコンテナをホバリングしたときに現れる）をクリックします。私はアニメーションをやっています。私が直面している問題は、アニメーションが開始され、同時にそのコンテナからマウスポインタを離すと、アニメーションもアニメーションを

1熱

1答えて

CSSの遷移親div内の子divの幅

CSSを使用して、親divの中に（ゆっくりと）子divをピクセル数から別の数に5秒間広げようとしています。それは可能でしょう、そうですか？私がそれをやろうとしている方法はうまくいかない。 #parent { background: black; height: 10px; width: 300px; z-index: 1; }

-2熱

1答えて

上のdivが削除されたときに遷移する方法

上のDIVが削除されたときにdivを1つ上に移動する方法を知りたいのですが... Jqueryと私はそれを使いたくない。これどうやってするの？例えば：アッパー子供がDOMの除去されたとき <div class='father'> <div class='child'> <div class='child'> <div class='child'> <div

1熱

2答えて

不和アプリのようにこのCSSの移行をどのようにする必要がありますか？

私は不和アプリで見たCSSトランジションをしようとしています。が回転し、のに時計回りにの方向に2つの四角があります。最初は斜めの位置にあります。以下はその試みですが、私はそれを正しく理解していません。両方の正方形は同じ道をたどる必要があるため .box { position: relative; width: 100px; height: 100px;

0熱

2答えて

アニメーション転送後にトランジションが機能しない

Hie！ animation-fill-modeのアニメーションの後にトランジションが機能しません。最初のアニメーションは開始され、ホバーで終了しますが、アンオーバーされた後はアニメーションが適用されません。 Codepen here それはChromeとSafariで再現。 Firefoxでうまく動作します。パグ： button Button SCSS： body { disp