css-transitions

-2熱

1答えて

hover/Vue.jsキューイベント（？）でtranslate3dエフェクトを使用するdiv内のコンポーネントにカーソルを合わせる

hoverにtransform：translate3dエフェクト（遷移あり！）を持つdiv内にモーダルコンポーネントがあります。そのdivは、vue.jsリストのレンダリング方法でレンダリングされます。私がモーダルを開き、その上にマウスを置くと、それは親のdivに順番にスナップされ、適切な位置になります。 https://jsfiddle.net/yyx990803/mwLbw11k/?utm_s

1熱

1答えて

transform：rotateを使用する要素でボックスシャドウを使用するにはどうすればよいですか？

私はDavid Walsh's flipping animationをインフォメーションカードに使用していますが、うまくいっていますが、ボックスシャドウを追加する際に問題があります。 CSS3の遷移がボックスの影が白いアウトラインを持つようになり、いくつかの理由：これが起こって、どのようにそれを修正することですなぜ誰でも知っていますか？ここではフィドルです：https://fiddle.jsh

2熱

2答えて

角度4のアニメーションはどのようにルータアウトレットを適切に遷移させるのですか？

これは私が達成しようとしているものです、私は、私のページをスクロールすると、私のページを変更するときに左右にスライドしたいのですが、コードが動作していません。 <main [@routerTransition]="getRouterOutletState(o)"> <router-outlet #o="outlet"></router-outlet> </main> 、ここでは私の

0熱

1答えて

Chromeの垂直スラッシュラインのトランジション不透明度の不具合を回避する方法

stroke-width: 1pxとshape-rendering: crispEdgesという非常に単純な垂直線を作成しました。その不透明度をアニメーション化しようとすると、Google Chrome v62.0.3202.89（64ビット）が正しく表示されず、他のブラウザ（IE11、Edge、現行バージョンのFirefox、Operaなど）では正しく機能しませんでした。 Chromeでこの不規

-1熱

1答えて

CSSのみ - マウスを離すまでボタンをスライドさせて位置を保持する方法？

私はCSSだけを使い、マウスを動かすと右にスライドするようにします。私はまた、彼らが滑り出したボタンの上にマウスを置いたときに、彼らが「滑り出した」ままにしておきたい。私はいくつかの投稿を見て、同じことをしようとしたが、私の移行は本当にうまくいきません。また、ボタンの上にマウスを置くとボタンが消えます。ありがとう!! 私はjsfiddleを作成しましたので、私が何を意味するのかを確認できます。 h

0熱

1答えて

CSSトランジションを使用して同じ方向から見た遷移コンテンツ

2つの「ページ」のうちの1つ、つまり<divs>を穏やかな遷移で表示すると、他のページがスライドしている間にスライドするページが見えます。私の最終的なアプリケーションでは、移行は私のバックエンドから（おそらくWebSocketメッセージで）起動されます。ページを左からスライドし、効果を 'ループ'させたいと思います。つまり、最初のページに戻ると、それはまだ左からスライドします。以下のスニペット

0熱

2答えて

CSSトランジションボタンの背景色

ボタンにスライド右トランジションを作成しようとしています。 .container背景色を削除すると、トランジションが機能します。しかし、コンテナの色をデフォルトに保ちながら、ボタンを黒で始めると黄色に変わります。しかし、出力は異なるようです。ボタンの背景が透明な場合は、黄色に変わります。どんな助けもありがたいです。 .container { \t background: #F0F0F0;

1熱

3答えて

等価遷移

divを上端と下端の両方でホバー上に延長するトランジションが必要です。今、それは上のdivをオーバーラップし、下のdivをプッシュします。両側を押したり、両側を重ねたりします。両方のうちの1つではありません。 #blue, #red { width: 100%; height: 100px; float: left; transition: 0.8s;

0熱

1答えて

中心からの背景画像を公開する

私はホバー効果を持つ丸いアバターに取り組んでいます。デフォルトでは、背景画像の上に半透明のオーバーレイがあり、ホバー上に画像が表示されます。質問は、ホバー上のボックスの中心からオーバーレイを消すことは可能でしょうか？今は逆です。 jsFiddle .avatar { position: relative; background: url("https://i.stac

0熱

1答えて

Can not get：仕事に移行した後

私はop：after擬似要素で動作するように不透明遷移を得ることはできませんが、before要素の同じ遷移は完全にうまく動作します。どんな助けもありがとう！ .top-nav li a:hover:after { content: "/"; display: inline-block; opacity: 1; transition: opacity 0.2s