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

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

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

JavaScript - SVG初心者、SVGに画像を挿入したい

コードは上記の通りです。SVGに画像を挿入してアニメーションさせたいのですが、効果がありません。説明してください...

代言 2017-06-24 09:44:02 0  1  923

HTML5で画像のフェードイン・フェードアウトや様々な画像のダイナミックな効果を実現

泺。 2017-09-29 16:35:57 0  1  1837

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

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

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

JavaScript - React でアニメーション効果を記述するにはどうすればよいですか?

React でコンポーネントのアニメーション効果を作成するにはどうすればよいですか?たとえば、単純なダイアログ ボックスの場合、[キャンセル] をクリックした後、ダイアログ ボックスが最初にフェードアウトしてから消えるようにしたいと考えています。 jquery を使用する場合、非常に簡単です。まず animate({ //Fade CSS}, function(){ //DOM}) を実行します。でも、どうやって反応すればいいのかわかりません...

世界只因有你 2017-05-18 10:58:34 0  2  773

javascript - 奇妙な問題が見つかりました。タブを閉じると、作成した CSS アニメーションが自動的に一時停止されました。

奇妙な問題が見つかりました。私が作成した CSS アニメーションは、タブを閉じると自動的に一時停止し、タブを展開すると再生し続けます。動きの効果を出すために背景画像を動かして使っているのですが、これと関係があるのでしょうか？

给我你的怀抱 2017-06-30 09:52:30 0  1  879

ページ全体を移動せずに、特定のセクションをターゲットとするページ内での垂直スクロールを実装します。

いくつかのページでこの効果を見たことがあります。下にスクロールしても、ページ自体は動いていないように見えます。したがって、一部の要素はフェードインまたはフェードアウト、表示または非表示になります。 5枚のカードを含むセクションがあります。次に、同じ効果を作成したいと思います。セクションまで下にスクロールするときに、上下にスクロールしてセクションを移動したいと考えています。現在いる場所に応じて、カードを表示または非表示にしたいと考えています。まずはそのセクションに overflow:scroll を追加しましたが、このエフェクトを作成するためのアイデアが枯渇してしまいました。

P粉946437474 2023-08-15 19:29:46 0  1  444

モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  547

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

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

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

私のウェブサイトに私の画像が表示されないのはなぜですか?

アニメーションフッターを作成しようとしています。コードに画像を挿入しようとしていますが、表示されません。編集 指示に従ってコードを編集しようとしましたが、画像はまだ表示されません。 css ファイルは wave.png と同じフォルダーにありますが、wave.png は同じフォルダー内の別のフォルダーにあります。これが問題なのかどうかはわかりません。必要に応じて、コード全体を表示することもできます footer.wave{position:absolute;top:-100px;left:0;width:100%;he

P粉724256860 2024-02-21 20:28:09 0  1  406

vimrc - vim は、作業ディレクトリ内の jpg ファイルを自動的に検出し、ファイルの数に基づいてコンテンツを自動的に埋めるという複雑な要件を実現できますか?

私が必要とするのは、作業ディレクトリ内の画像を検出し、対応する img タグを page.html に記入することです。手動でエフェクトをかけたような感じです。

PHPz 2017-05-16 16:34:42 0  2  689

JavaScript - クリック イベントのバグ。何が問題だったのかわかりません。

1.絵を口の右側までスクロールし、すぐに左矢印をクリックすると虫眼鏡機能が無効になりますが、それ以外の場合はどこをクリックしても問題ないようです。問題がどこにあるのかわかりません。stop() と clearQueue() を使用しましたが、効果がありません。html code {code...} css {code...} jQuery...

ringa_lee 2017-05-18 10:59:14 0  1  1009

Phaser がタイル マップのロードに失敗し、画面に黒い画面だけが表示されました。

タイル マップ エディターで作成したタイル マップをロードしようとしています。これを json ファイルとしてエクスポートし、タイル セットとともにパブリック フォルダー内のアセット フォルダーに配置しました。キャンバスに現れるものはすべて黒です。カメラの位置を変えて変化がないか試してみましたが、効果はありませんでした。エラー メッセージは表示されず、[ネットワーク] タブでマップとタイルセットの読み込みが確認できます。この問題に対する答えが見つかりません。私の main.jsvarconfig={type:Phaser.CANVAS,wid

P粉832490510 2024-03-30 20:38:02 0  1  733

F12 を使用せずに CSS 背景画像のスライド効果を実現するにはどうすればよいですか?

現在CSSとHTMLを使ってWebサイトを作ろうとしているのですが、背景画像をスライドさせたり動かしたりすることができません。 VisualStudioCodeを使用しており、Googleでコードを実行しましたが動きませんが、F12を押してデバッグすると動きますか？ ！これは私のコードです: body{background-color:black;margin:0;padding:0;background-image:url("正しい URL があります。

P粉903969231 2023-08-14 19:47:48 0  1  680

Vite Reactjs Web サイト アプリは本番環境では API を呼び出しませんが、ローカルホストでは正常に動作します

Netlify にアプリケーションをデプロイしようとしています。ランディング ページは、ギャラリー効果を作成するために一連の画像を取得します。ログイン ページはローカル マシン上で正常に実行されますが、デプロイメント後は API が呼び出されず、アプリケーションは読み込み中の状態になります。 Netlify サーバーのログイン ページ。開発ツールのネットワーク タブで、API がローカルホストのローカルホスト ネットワーク タブで呼び出されており、開発サーバーでは API リクエストが起動されていないことがわかりました。サーバーネットワークタブを展開します。 API呼び出しのコードがAPI呼び...

P粉794177659 2023-08-10 16:32:46 0  1  675

私のウェブサイトはデスクトップでは正常に表示されますが、モバイル画面では表示されません

私は HTML/CSS を使用して個人の Web サイトをデザインしています。ただし、テキストは携帯電話に合わせて拡大縮小されません。下の写真を参照してください。 Web サイトはデスクトップでは見栄えがしますが、モバイル デバイスではうまく表示されません。 Google ドライブの埋め込みが携帯電話の画面に収まりません。私の携帯電話には GGDPPDF が埋め込まれていると表示されます。この問題を解決するにはどうすればよいですか?どうもありがとう。これが私のコードです: HTML<!DOCTYPEhtml><html><head><title>...

P粉827121558 2024-03-30 15:09:41 0  1  551

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  900

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  782

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  661

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  631