に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

画像の開始点と終了点

画像の開始点と終了点を設定しようとしています。それで、キャンバスと画像があり、画像をキャンバスに配置すると、開始点/終了点の上にマウスを置いたときに小さな赤い円が点灯するようにしたいのですが、これは他の画像を接続して作成できることを意味します。例: 1) 画像をドラッグします。 2) 画像をキャンバスに配置します。 3) マウスを開始点/終了点に移動すると、小さな赤い点が点灯します。ご覧のとおり、赤い点はホバー時にのみ表示されます。もう 1 つの質問ですが、最初の質問を解決できれば、画像がグリル (正方形) に従っていません。これは html/js のコンストレジスタの例です。

P粉511757848 2023-08-31 12:24:51

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

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

P粉757432491 2023-08-17 17:36:49

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

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

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

P粉520545753 2024-03-29 13:34:50

グラデーションの背景で CSS3 トランジションを使用する

CSSを使用してサムネイル画像にトランジションを作成し、ホバー時に背景がフェードインするようにしようとしています。変換は機能しませんが、rgba() 値に変更するだけで正常に機能します。グラデーションには対応してないのでしょうか？画像を使用してみましたが、画像も変換されません。別の投稿で誰かがそれを行っているので、これが可能であることはわかっていますが、正確な方法はわかりません。ヘルプ > 使用できる CSS は次のとおりです: #containerdiva{-webkit-transition:background0。

P粉217629009 2023-08-23 21:25:42

CSS3 トランジションを使用してグラデーション背景を強化する

CSSを使用してサムネイル画像にトランジションを作成し、ホバー時に背景がフェードインするようにしようとしています。変換は機能しませんが、rgba() 値に変更するだけでうまく機能します。グラデーションには対応してないのでしょうか？画像を使用してみましたが、画像も変換されません。別の投稿で誰かがそれを行っているので、これが可能であることはわかっていますが、正確な方法はわかりません。ヘルプ > 使用できる CSS は次のとおりです: #containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11

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

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

P粉147045274 2023-09-04 11:56:50

変換された要素がオーバーフローして自動的に切り取られるのを防ぐにはどうすればよいですか?

Bootstrap4 を使用して、友人の個人 Web サイト用のモーダルギャラリーを作成しています。ホバーすると画像が拡大するように設定しましたが、オーバーフローを自動に設定すると、モーダル（または div）の端で画像が切り取られてしまいます。ギャラリーも一連のタブの 3 番目ですが、どれもうまく機能します。どの div に overflow-auto クラスがあるかを変更しようとしました。すべて異なるタグを付けようとしましたが、何を試しても、ギャラリーがスクロールし、画像がスクロールするようにする方法がわかりません。ホバーカット時にぼやけません。関連するコード: .g

P粉242535777 2023-09-07 20:04:02

CSS Tailwind を使用した画像ホバーカードアニメーションが期待どおりに動作しません。

<html><body><divclass="groupcardmy-14mx-3w-80h-100bg-gray-800rounded-xltext-whitep-5cursor-pointer"><divclass="flexjustify-betweenitems-centertext-2xl"><

P粉863295057 2024-04-06 13:43:17

javascript - WeChat 共有 H5、背景色を使用してこのぼかし効果を実現するにはどうすればよいですか?

通常の共有の効果は以下の通りですが、お試しで得た共有は上記のような背景色付き（画像ぼかし処理の効果と思われます）でした。

过去多啦不再A梦 2017-06-12 09:29:10

object-c - IOS でアバターを選択するための NetEase Cloud Music の ImagePicker を実装する方法

ImagePicker の概要を読んだ後、その多くは、ユーザーがカメラまたは写真の使用を選択する方法を使用します。しかし、NetEase Cloud Music では、写真ギャラリーの横にカメラを追加してアバターが変更されていることがわかりました。効果は写真の通りですが、このような効果を得る方法があればお聞きしたいです。

巴扎黑 2017-05-31 10:31:51

javascript - 宝くじの効果 (写真参照)?

各アバターの写真をランダムに回転させるエフェクトです。同様のデモを持っている人、または方法を提供している人はいますか? ご協力ありがとうございます。

阿神 2017-06-05 11:10:32

React を使用した HTML の SVG パスセレクター

ユーザーがSVGをアップロードできるペイントアプリケーションを作成しています。さまざまな色で塗りつぶし、SVG 上に描画してから消去します。しかし、残念ながらSVGのパスを取得できません。以下は SVG 画像です。ホバーした場合、そのホバーパスのパスを取得し、選択した色で塗りつぶしたいだけです。 Canvas パスと SVG パスを試してみました。しかし、運がありません。 Canvas には beginPath メソッドがあり、SVG を描画するために使用します。 <?xmlversion='1.0'encoding='utf-8'?&

P粉566048790 2023-09-01 23:22:48

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

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

PHPz 2017-05-16 16:34:42

MUI のテキストフィールドのラベルの色を変更する

こんにちは、MUI テキストフィールドのテキストラベルの色を変更するのに問題があります。境界線の色とホバー状態 (ラベルを含む) は正常にカスタマイズできましたが、非ホバー状態ではラベルの色を変更できません。他の場所で行ったように、DOM で見つかったさまざまなクラス名 (MuiInputBase-input を含む) を試しましたが、成功しませんでした。 inputProps も試してみましたが、どちらもうまくいきませんでした。これが私のコードです: <TextFieldclassName="w-fullm

P粉860370921 2023-08-26 17:15:52

React を使用して画像上にインタラクティブマーカーを配置する

助けてください。ホームページには以下のような画像が表示されています（拡大画像）。「FORGE」の家には、中央に黒い矢印が付いた白と青のマーカーがあることに注意してください。「賃貸」住宅も同様です。これらのマーカーはそれぞれ、インタラクティブなボタンとして機能します。予想されるインタラクション動作は次のとおりです: ホバーすると、青い背景が拡大して「Forge」または「Rentals」というテキストが表示されます。クリックすると、ユーザーは適切な「Forge」または「Rentals」ページに移動します。また、画面のサイズが変更されたときに応答するようにしたい、

P粉896751037 2023-09-08 21:25:41

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

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

P粉458913655 2024-03-30 00:14:11

Tailwind CSS を使用して、CSS グリッド内のカードの幅と高さを固定してください

TailwindCSS と React を使用してアプリを構築していますが、ビューの 1 つにカードのグリッドがあります。現在は次のようになります。ご覧のとおり、ウィンドウを縮小すると、カードがウィンドウに押し込まれます。カードのサイズ (幅と高さ) が常に同じになるようにし、ウィンドウが小さくなってカードの数が 1 つの行に収まらない場合は、次の行に移動するようにしたいと考えています。 (MS ペイントで作成) と同様: 画面が小さくなっても、カードのサイズは固定 (同じアスペクト比) のままです。現在のコードは次のようになります。 Grid: <div&gt

P粉184747536 2024-03-26 21:34:28

配列 JS 内の 52 枚の画像

私は IT Assistant 1 年を勉強しており、現在 JavaScriptHTML と CSS を使用してカードゲームを作成する必要があります。私の質問は、52 枚のカードを JS の配列に配置し、それらのカードのすべての画像が配置されているフォルダーへのパスを指定して、それらを表示するにはどうすればよいですか?自分で書いた次のコードを試してみましたが、コンソールにのみ表示されます。ページ上の画像が表示されない原因となっている私の間違った点を教えていただければ十分です。 functionStart(){letKarten=["1h

P粉267885948 2024-03-30 21:14:49

影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します

まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpress-493302-3130963.cloudwaysapps.com/ CSS トランジションを使用して達成したいことの半分は正常に達成されましたが、シャドウが表示されません上の画像に示されている作成ボタンのコピー。私のCSSは次のとおりです。cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21