css-transitions

0熱

3答えて

左の余白を操作して要素のスライドを作りたいと思います。 jQuery animate()を使用していますが、CSSトランジションを使用してパフォーマンスを改善したいと考えています。私はスライドしたい要素に新しいクラスを追加するためにjQueryを使用していますが、アニメーション化されません。要素を瞬時に移動します。ここには、問題を示すJS Fiddleがあります。 'animate left'

2熱

3答えて

CSSトランジション付きSVGフィルター

CSSアニメーションでやっていたsvgフィルター。私はCSSでのコンテナの <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="goo"> <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"

0熱

1答えて

CSSトランジションが起こっていない：ホバーだが起こっている：アクティブ

アニメーション化しようとしているSVGがいくつかある。私がマウスを動かすか、またはSVG全体をクリックすると、子供たちは色を変えるべきです。これはすべて動作しています。私はホバーと：アクティブに色の変化をアニメーション化したいが、矛盾した結果を得ている。 SVGをクリックすると、アニメーションは実行されますが、ホバー上には表示されません。これは私には奇妙に思える。 .fillStroke {

1熱

1答えて

ウィザードフォームにトランジション/アニメーションを追加する

React（ルーターなし）のレンダリングされた複数ステップフォーム/コンポーネントにフェードインまたはトランジションエフェクトを追加するのは本当に苦労しています。私はCSSTransitionGroupを試してみました。フォームコンテナとレンダリングされたコンポーネント（この場合は最後のコンポーネント）です。 class FormStart extends Component {

0熱

1答えて

フックを解除してもトランジションが緩和されない

CSSの下線を引くと簡単なボタンを作っています。他のすべてのイージートランジションは正常に動作しています（ホバー、イージーイン、ホバー解除、イージーアウト）が、ボーダーボトムは緩和しません。ホバリングをやめると、元に戻さずに元の状態に戻ります。ここに問題を説明するために作成したクイックボタン付きのコードペンがあります。ここで https://codepen.io/anon/pen/jwgpdv

1熱

1答えて

チュートリアルからのCSSトランジションは、-webkit-と-moz-接頭辞を使用しても動作しません

これは明らかな答えがあるかもしれませんが、私はそれを見ていません。 article section h1の値が正しくないためにこのコードを更新しました。またarticle section h1のために:hoverトリガを追加しました。それ以外の場合、これはwebdesigner雑誌でアニメーションタイトルの効果を実演するのと同じコードですが、FFやChromeでは何も起こっていません。私は移行スタ

0熱

2答えて

Javascriptの遷移が次々と変わる

私がやりたいことは、ユーザーがボタンをもう一度押すと最初から遷移を再生することです。今の問題は、ユーザーがボタンを2回以上クリックすると、2つのアニメーションが適切に（1つずつ）開始されないことです。今のところトランジションは機能していますが、ユーザーがボタンを2回以上クリックした場合にはこの問題を解決できません。 let button = document.querySelector("but

0熱

1答えて

HTMLとCSSリンクマップを使用した画像の遷移

私は、ユーザーが地球上を飛ぶと、ノルウェーとアメリカのフラグがポップアップするように言語オプションを作成しています。各フラグはそれぞれの言語のページにリンクします。私はトランジションを使って、フラグが1秒間に現れるようにしています。これは2つの画像を使用して行いました。「トップ」には地球儀だけの画像が含まれ、「ボトム」には地球儀の画像とその側面にある2つのフラグが含まれています。上に：不透明度

0熱

2答えて

$ timeoutと$ compileを使用したng-showの角の初期遷移

$compileを使用してDOMにHTMLを添付するサービスがあります。このHTMLには、表示と非表示の切り替えがあるng-showが含まれており、偽の状態から開始します。問題は、DOMにアタッチされているときに、非表示遷移が表示されることです。どうすればそれを避けることができますか？私はコントローラが$timeoutの中でこのサービスを呼び出していることに気がつきました。 https://pln