javascript - vue 2.0のトランジショントランジション効果が異常です

vue2.0で切り替えトランジションをしたところ、切り替え表示は正常なのですが、切り替えが消えるまでに遅延があり、トランジション効果がありませんでした {code...} {code...}

世界只因有你 2017-05-19 10:33:34 0  1  644

グラウンドフィルターのブラートランジションの問題

ボタンを押すと背景がぼかされますが、トランジション時にdivの端がうまくトランジションしません。この問題は Firefox を除くすべてのブラウザに存在します。どうすれば修正できますか? varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  480

javascript - vue1.0のトランジションエフェクトをvue2.0に変更するにはどうすればよいですか?

これは 1.0 のトランジション エフェクトを 2.0 に変換したものですが、どうなるでしょうか。

为情所困 2017-05-19 10:40:59 0  2  588

javascript - vue 遷移効果 css クラス名の遷移順序

要素のトランジションをデザインします。理想的な効果は、要素が表示されると高さが増加し、消えると高さが減少することです。設計したコードは以下の通りです: {Code...} 結果要素が出現すると高さは直接100pxに達し、それが消えると通常になります コードを修正する順序は次のとおりです: {Code...}問題は解決しましたが、なぜこのような順序になったのかわかりません...

黄舟 2017-06-26 10:55:15 0  4  691

javascript - 要素が過渡状態にあるかどうかを判断するにはどうすればよいですか?

そんな物件ありますか？要素が過渡状態にあるかどうかわかりますか?次に、transitionend イベントの各transition-completed要素に属性を追加してマークします。

typecho 2017-07-05 10:36:10 0  1  815

CSS を使用して height:0;height:auto; を遷移するにはどうすればよいですか?

CSSトランジションを使用してスライドダウンを作成しようとしています。高さ:0; から開始します。ホバーすると、高さは height:auto; に設定されます。ただし、この結果、height:40px; から height:auto; に移動すると、height:0; までスライドし、その後、突然正しい高さにジャンプするため、遷移せずに表示されるだけになります。 JavaScript を使用せずにこれを行うにはどうすればよいでしょうか? #child0{高さ:0;オーバーフロー:非表示;背景

P粉461599845 2023-08-27 11:59:03 0  2  501

複数の CSS トランジション効果を実装する方法

これは非常に単純な質問ですが、CSS トランジション プロパティに関する適切なドキュメントが見つかりません。 CSS スニペットは次のとおりです。 .nava{text-transform:uppercase;text-decoration:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center;テキスト -shadow:0-1.5em0rgba(2

P粉258788831 2023-08-22 11:00:36 0  2  478

インナーチャイルドの過渡期の火

これは再現可能な最小限の例です。 「トグル」ホバーの遷移端が起動し（これは望ましくありません）、途中で「a」が非表示になります。変換後に再度表示するには、「切り替え」をクリックします。スイッチが内部にあるため、これが起こっていることに気づきました（変更できません）。切り替え時に（どの変換が発生したかを検出せずに）変換を停止する方法はありますか。複雑になりすぎて、transitionend にはバグがあることがわかりました。私は setTimeout を使用したいと思います (CSS トランジションには少しばかげています)。 vara=document.querySelector(

P粉274161593 2024-04-02 14:38:29 0  1  400

css3 - CSS トランジション効果によりテキストがぼやけたりジッターしたりすることがありますか?

コード: テンプレート: {code...} CSS: {code...} いくつかの無関係なスタイルは削除されています。現在知られている状況は、右側の小さな三角形のトランジション効果です。 Chrome のドロップダウン ボックス。これにより、テキストがぼやけてジッターが発生します。backface-visibility: hidden; を追加すると、テキスト...

ringa_lee 2017-05-24 11:35:53 0  2  2461

Vue トランジションのトランジション遅延を削除するにはどうすればよいですか?

Vue を使用して、マウスを画像の上に置くとテキスト ボックスが上に移動してフェードインするようにアニメーション化しています。アニメーションは正しいですが、開始するまでにわずかな遅延があります。画像をホバーするとテキスト ボックスがスムーズにフェードインし、上に移動し始めるようにしたいと考えています。テキスト ボックスは適切にフェードアウトし、カーソルが離れると下に移動します。テンプレート:`{{バッジ[アイテム].説明}}`、メソッド:{hoverStart(i){this.hoveredIndex=i;}、

P粉757432491 2023-08-17 17:36:49 0  1  526

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオン ボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11 0  1  464

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  987

ウィンドウのサイズを変更するときにスムーズな遷移マージンの割合を実現する方法

要素の周囲にパーセンテージのマージンを、ビューポートが小さい場合はビューポート幅の 5%、ビューポートが大きい場合はビューポート幅の 15% に設定したいと考えています。メディアクエリを使用して、次のようにマージンの数値を切り替えることができます: .element{margin:5%;}@media(min-width:800px){.element{margin:15%;}} ただし、ウィンドウ サイズが変更されると、パーセンテージは、ある値から別の値に突然変化するのではなく、スムーズに変化します。次のようなものがうまくいくかもしれないと思います: @m

P粉155832941 2023-09-12 18:47:54 0  1  616

1 色で描かれたテキストからアニメーション化されたグラデーションにスムーズに移行することは可能ですか?

ページ上に白いテキストがあり、その下にボタンがあります。さらに、アニメーション化されたグラデーションがテキストを埋めるために適用されます。ボタンをクリックすると、-webkit-text-fill-color プロパティが透明になり、テキストの色がグラデーションに合わせて突然変わります。次のように: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ 白からグラデーションへのスムーズな移行を実現することは可能ですか? (-webkit-text-fill-color 属性はトランジットを直接サポートしません

P粉762447363 2023-09-16 09:22:05 0  1  834

shell - bashに渡したパラメータを2番目からPythonに渡す方法

{code...} 実行メソッド {code...} は、受信した bash パラメーターを 2 番目から始まる Python スクリプトに渡す方法です。Python に渡されるパラメーターの数は可変で、少なくとも 1 つです

扔个三星炸死你 2017-06-28 09:24:40 0  1  1222

javascript - vue でのルート遷移に問題がありますか?

Vue はカットシーン アニメーションのフェードインおよびフェードアウト効果をルートに追加します。コンポーネントは削除されるとフェードアウトしますが、入力されると即座に入力され、フェードインしません。これら 2 つのステップの間で、ページは次のようになります。空白。以下は公式 Web サイトからコピーした私のコードです: {code...}

滿天的星座 2017-06-12 09:30:07 0  3  778

html - フラスコの背景はフロントエンドに null を渡します

フラスコ バックエンドはフロントエンド JavaScript に値を渡し、['Global',null,0,0] などの null を渡します。str を使用して渡す場合は、['Global','null' になります。 ,0,0].何か方法はありますか？

扔个三星炸死你 2017-06-22 11:51:24 0  1  965