css-transitions

0熱

2答えて

私はホバー上でこのCSSとDIVを持っている： .card .avatar { border-radius: 100px; margin-top: -30px; margin-left: 10px; } 問題： .card:hover { box-shadow: 5px 5px 20px #c4c4c4; margin-top: -5px;

-1熱

1答えて

Sass CSS3 - コンテンツをアニメートする方法JavaScriptなしのSlideDownとSlideUp

こんにちは、CSS3/SASSだけでコンテンツを展開したり折りたたんだりするHTML DIVを作成するにはどうすればいいですか？

0熱

1答えて

ホバーの前にCSSの切り替えをトリガーする方法

サイドバーを非表示にして、マウスを動かしたときに表示されます。私の質問は、このサイドバーのリンクのように、サイドバー上でマウスを動かす前にCSS遷移を起動する方法です：https://la24.org/vision。私はそれをどうやって？多くのありがとう

1熱

2答えて

JavaScriptをループに設定する方法

このコードにループを設定します。私はそれをどのようにすることができますか？これはプラグインです。このプラグインを継続的に表示したいのですが。このためには、ある種のループを使用する必要があります。しかし、私はする方法を知らない。 var steps = $(".step"); console.dir(steps); setTimeout(function() { s

1熱

2答えて

CSSの遷移がコンテンツを非表示にしない

私はdivを持っています。ホバリングでは、divの高さを0pxに設定しています。私は高さのプロパティへのトランジションを追加したので、divが崩壊しているように見えます。ただし、divの内容は引き続き表示されます。注：私は、Twitterのブートストラップも使用しています。 twitter-bootstrapに既にアニメーションを表示/非表示にするものがある場合は、使用しても構いません。 .my

0熱

1答えて

トランジションでコンポーネントの小道具を変更する

達成したいのは、トランジションアニメーションで不透明度を変更して、表示されている要素をスムーズに変更することです。私が構築するコンポーネントはスライダーです。現在のスライドでは、次のスライドのスライドの不透明度を1に、0に変更しています。スライド部材の私の最初のバージョン export class Slide extends React.PureComponent { render(

0熱

2答えて

トランジションエフェクトが動作しない

CSSのトランジションエフェクトを使用してアニメーション効果でボタンの表示を取得しようとしていますが、その効果は機能していません。私の間違いを見つけることができない、誰かが私の問題を解決するのを助けることができる。私のHTML & CSSコードは以下のとおりです。あなたがメインクラスへの移行を適用する必要があり .prodiv3 { \t background-color:#d79

2熱

2答えて

コインフリップトランスフォームをCSSで作成する方法

これは、円のアイコンを持っています。これをホバリングしたときに、https://desandro.github.io/3dtransforms/examples/card-02-slide-flip.htmlのようにコインフリップトランスフォームされますが、第1の位置に移動する。これは、HTMLコードです： <div class="bg"> <div class="icon">

3熱

1答えて

MS Edge CSSのトランジションがちらつく

私はMS EdgeのCSSトランジションに奇妙な問題があることに気付きました。例えば、ホバー状態間の遷移があるが、それらのホバー状態に対して定義されたスタイルがCSSカスケードに上書きされる場合、Edgeはトランジションの間、上書きされたスタイリングに切り替わり、その後に戻ってください。問題はここにもかなりよく説明されています https://www.webmasterworld.com/cs

1熱

1答えて

IE10/11でCalc（）を使用したトランジションの高さ

私はUsing calc() to transition width and height in IEを見てきましたが、私の問題はこの質問に対するAcceptedの回答と関係していると言いたいと思います。私はテストしている他のブラウザと一緒にIE 11で正しく動作しますが、私は作成しているwebappでは、幅ではなくDivの高さだけを移動する必要があります。だから私はmax-heightにmax