ホバー時にコンテンツを表示します (カードの高さには影響しません)

ホバー時に表示されるコンテンツを含むブロックがあります。効果の動作方法は次のとおりです。 .hoverCard は、デフォルトで基礎となるコンテンツを表示します (.hoverCard__showOnHover のコンテンツは非表示になります)。 ユーザーが .hoverCard の上にマウスを移動すると、.hoverCard__showOnHover がそのコンテンツを表示し、.hoverCard__body が上に遷移します (「開いた状態」になります)。効果) 上記の視覚効果はデモで確認できますが、アニメーションを完全に動作させることはできません。会いました

P粉289775043 2024-03-27 20:29:28 0  1  448

Vue.jsの動的画像表示機能が失敗する

私は vue.js の初心者で、画像を動的に表示しようとしていますが、動的表示に問題があり、手動で変更すると正常に機能します。いくつかの違いはあるものの、似たような質問をたくさん見つけましたが、どれも役に立ちませんでした。これは私の構造です: -src--assets---pizza----pizza-1.jpg----pizza-2.jpg---hamburger----hamburger-1.jpg---- hamburger -2.jpg---fr

P粉216807924 2023-08-20 11:03:39 0  1  585

セッション使用後に画像検証コードがエラーを報告する

セッションが開いていない場合の効果です（認証コードの画像は正常に表示されます） ---------------------------- --ゴージャスな分割線-- -------------------------------------- こちらがセッション開始後の効果 (映像ショーなし)-------------------------------------- -------- ------------------------

富贵 2017-10-04 01:31:24 0  2  1423

html5 - vue に基づいた画像表示、実装方法は?

WeChat Moments で写真を表示するのと同じ効果があり、長い写真を表示したり、拡大したり、写真の数を表示したりできます。

怪我咯 2017-05-16 13:42:53 0  1  476

javascript - forEach ループの後に出力されるのは最後のデータのみですか?

コードに示されているように、foreach ループの後に生成されるデータは最後のデータのみですか?私の console.log(index); コンソールは 0、1、2、3、4 を出力できますが、最終的にページに表示される画像はすべて 4 の場合の画像です。 {コード...} これはページに表示される効果です。写真はすべて...

高洛峰 2017-05-19 10:09:07 0  3  692

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

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

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

javascript - JS および CSS の問題、マップ上のアイコンにマウスを移動した後、表示されたコンテンツをアイコンを基準にして中央に配置する方法。

下の図に示すように、右側は必要な効果です。つまり、地図上の赤い場所アイコンの上にマウスを移動すると、表示される写真とコンテンツが下の場所アイコンを基準にして中央に配置されます。左側が私が作ったエフェクトですが、ズレがひどいので参考にしてください。以下は私のHTMLコードです{code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  866

C++ - Qt の QML インターフェイス設計、実行後に画像が表示されない

上記のように、実行後は次のようになります。画像が表示されません。これはなぜですか?ありがとう

漂亮男人 2017-05-16 13:29:46 0  1  761

css - タイトルの上にマウスを置いたときに表示されるテキストを折り返すにはどうすればよいですか?

画像の紹介コードで使用されている title="{{value.TeacherInfo.remark}}" は、紹介文上にマウスを置くと、右側の紹介文のテキストがフローティング表示されますが、紹介文は上に表示されます。左側はカバーされています。 タイトルの作り方 出てくるテキストの改行はどうなりますか？

phpcn_u1582 2017-05-15 17:11:53 0  1  1295

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  359

javascript - 写真を表示するために WeChat Web ページ上のカメラ インターフェイスを呼び出す問題については?

WeChat の画像選択またはカメラ インターフェイスを呼び出して画像の localId を取得した後、<img src=localId> を通じて画像を表示できますか?そうでない場合、どうすれば画像を表示できますか?

过去多啦不再A梦 2017-05-19 10:43:05 0  2  623

javascript - モバイル選択プラグインですが、データはそれ自体で定義されます

右のエフェクトと似ていますが、中のデータがカスタマイズされています。まずモバイル端末のエフェクトです。次にリストがたくさんあります。写真に応じてエフェクトを表示するには、データを次のようにすることができます。バックグラウンドから取得したデータ。

PHP中文网 2017-06-14 10:54:06 0  2  650

vue および vuetify コンポーネントに対するマウスオーバー効果

そこで、次の記事の例に示すようにマウスオーバー効果を再作成しようとしました: https://blog.prototypr.io/stunning-hover-events-with-css-variables-f855e7b95330 しかし、私の場合は Vue を使用したいと考えています。 vuetify ライブラリから v-card にホバー効果を適用する .js。これが私の試みです: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  438

Python - フラスコリダイレクトのリダイレクトの問題?

コードは次のとおりです。画像はアップロードできましたが、アップロード成功後に画像が表示されなくなりました。リダイレクトの書き方はこれで良いでしょうか? {コード...} {コード...} --- -------更新------ ------インデックス ルーティングを変更し、目的の効果を達成しました: {code...} しかし、前のアイデアは間違っていたのでしょうか?

phpcn_u1582 2017-05-18 10:48:50 0  1  830

画像がスムーズに表示されないに関する質問

同じコードがあり、ファイルパスは正しいのに、URL 内の画像が表示されないのはなぜですか?本文に を書くとスムーズに画像が表示されます。

昕旸 2019-04-02 13:57:09 0  3  1027

CSSで画像のパスを変更しても機能しない

CSS の画像パスは静的 Web サイトで変更され、サーバーにアップロードされます。Web サイトを開くと、変更されていない元の効果が表示されます。画像は個別に開くことができます。変更された画像には絶対パスがあります。これはどうすればよいですか?対応しましたか?ありがとう!

PHP中文网用户-5675994 2023-07-20 22:29:02 0  0  1668

Twitterにデフォルト画像をロードするにはどうすればよいですか?

Twitterでは画像を読み込まないとデフォルトの画像が表示されるのですが、これがbackground-image属性の背景画像ではなく、imgタグで導入された画像であることを確認しました。問題は、表示されるはずだった画像の読み込みに失敗したことをTwitterがどうやって判断したのかということだ。

巴扎黑 2017-05-19 10:27:20 0  2  646

目的-c - 百度地図に追加された写真が表示されない 百度地図に追加された写真に何か要件はありますか?

百度地図に写真を追加すると、80万くらいのサイズの写真は表示できるのですが、それより少し大きいサイズだと表示できません。長い間オンラインで検索していましたが、効果的な解決策が見つかりませんでした。 関連コード BMKCoownedBounds バウンド {コード...} { {コード...}

过去多啦不再A梦 2017-05-02 09:27:05 0  0  649

HTML マークアップで SVG を直接使用すると、ボタンに役割を割り当てたり、必要なホバー効果を付与したりすることができません

2 つの機能を実行するアイコンを持つコンテナがあります: ボタンのように動作します (キーボード/スクリーン リーダーなどを介してアクセス可能) ホバー/フォーカスで赤になります。 マークアップ内で SVG を直接使用すると、ホバー効果が停止します。期待どおりに機能しますが、img タグを使用する場合のように SVG にボタンの役割を割り当てることはできません: .container{height:500px;width:400px;background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  581

MUI ツールチップの背景色を変更するにはどうすればよいですか?

「?」ユーザーがアイコンの上にカーソルを置くと、テキスト フィールドに入力する必要があるデータの仕様が表示されるようにしたいと考えています。 MUI のデフォルトのホバーはグレーでテキストが白ですが、ホバーを白でテキストをグレーにし、フォントを大きくしたいと考えています。を使用すると、フォントのサイズと色が正常に機能することがわかりましたが、背景色を変更すると、ホバーテキストフィールドの周囲に灰色の境界線が表示されます。これは hover.js コンポーネントです:exportdefaultfunctionHoverTip(prop){const{tip}=pr

P粉147045274 2023-09-04 11:56:50 0  1  842