css-transitions

1熱

2答えて

私はJavaについてはほとんど分かりませんが、私が探していたものを正確に完成させたスクリプトをオンラインで見つけましたので、私はその基本を借りて奇跡的に私のプロジェクトにうまく実装できました。しかし、無限の試行錯誤を繰り返してから1時間以上グーグルグーグルしてしまえば、私はこの機能の「移行」のスピードアップを失うことになります。基本的に、 'open-overlay'ボタンをクリックすると、コン

0熱

1答えて

CSS：奇妙なボックスのシャドウトランジション

私は隣にある要素と同じ色のボックスシャドウを持っていますが、私はCSSトランジションを使ってその両方をフェードインしています。ボックスシャドウと背景色のCSSトランジションは同じなので、なぜ別のレートでフェードインするのかわかりません。 Here a jsfiddle to reproduce the issue、ここでは、関連するSCSSである： .right-of-blue { bo

1熱

1答えて

トランジション付きの要素：トランジション完了後にチェックされないチェック

トランジションされたCSSのみのメニューを作成しています。私が取っているアプローチは、メニューボタンがチェック（クリック）され、メニューが右側から切り替わるときです。これは私が立ち往生している点です...移行が終わった後にメニューが消えてしまいます。それはフェードアウトする。これがなぜ起こっているのか、どのように修正できるのか誰にも分かりますか？ Here is a jsfiddle #mobi

1熱

1答えて

トランジションアニメーションを無効にする

場合によってはアニメーションを無効にする方法はありますか？ここ https://jsfiddle.net/4b3nxv7n/ <div id="flip-list-demo" class="demo" :class="{'animate': animate}"> <button v-on:click="shuffle">Shuffle</button> <input type=

0熱

2答えて

放射状の勾配の背景が適切に移行していません

ホバー上で、ホバー上で0の不透明度から0.6に遷移するバックグラウンドを取得できません。 .work--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(rgba(64,56,43,0)

0熱

2答えて

不透明度と可視性を遷移させる

私は、ホールドされるまでvisibility: hiddenの要素を持ち、良いフェードのために不透明度に遷移します。問題は、要素が瞬時に不透明度の遷移を隠すvisibility: hiddenになると、フェードが一方向にしか機能しないということです。これを回避するにはどうしたらいいですか？編集：明らかにするには、ホバーがアクティブになるまで要素にvisibility: hiddenがあることが重

1熱

2答えて

CSSのアンダーラインアニメーション - 読み取り方向

リンクの下線をアニメートするコードが見つかりましたが、私は実際には反対である（左から右に）読むので、私は他の方向になりたいと思います。ここでJSFiddle .sliding-u-l-r-l-inverse { display: inline-block; position: relative; padding-bottom: 3px; }

0熱

2答えて

CSS fade-in、instant hide

私は、要素をレンダリング時にフェードインする要素に簡単にスラップすることができますが、displayをnoneに設定するとすぐに非表示にするクラスを作成しようとしています。これまでのところ、Iveのビルドクラスは要素の表示を消してしまっていましたが、要素の隠蔽や要素の消灯には若干の遅延があります。私は、この今のところクラスfadeInのためのアニメーションを使用している： @keyframes

0熱

2答えて

親div上にマウスを置いたときの子divの高さの変換

height私の.barから3pxのときホバリングを入力します。私はtransitionとtransformを使用しなければならないことを知っていますが、私はどのようにtransform私の子供div彼の親をホバリングすることによって考えがありません。現時点では、私はtransform私の親のdiv（それは明らかです）。どのように私の子供のheight私の親をホバリングしてdiv（バーは、.wra

0熱

1答えて

はトランジショングループV2は、私の周り私の頭を取得しようとしている状況

を出/入をスキップして反応させ、私はドキュメントの作成反応するアプリと例を使用してデモを建てたが、それはスキップトランジショングループV2 に反応「状態に入る/出る」状態遷移を引き起こさない。これまでのところ私は...。試したインライン（ドキュメントのように）とクラス名を使用しても同じ結果が得られます。少し運を持つすべての小道具の周りいじっ追加や削除、ブラウザ固有のCSS 、（表示され小道具