特別なカーソルを使用してホバー時にテキストを変更します

monopo の Web サイトと同様に、ホバー時にテキストを変更する方法を教えてください。背景なんて必要ないんです。必要なのは、単純な円形の効果 (色付きの背景など) とテキストの変更だけです。また、できれば「about」という名前のdiv内でのみエフェクトが有効になるようにしたいです。ウェブサイトリンク：https://monopo.london/

P粉665427988 2023-09-05 23:47:42 0  1  571

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

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

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

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  612

Safariでホバー時にCSSフィルターを適用できない

macOS 上の Safari16.2 では、ホバー時にフィルター プロパティを変更すると、奇妙な動作が発生することに気付きました。実際にはホバー時に変化せず、テキストをクリックすると部分的に変化しますが、これは決して当てはまりません。 -webkit-filter も役に立ちません。 /*問題に関連するCSS*/div{background:red;filter:grayscale(1);}div:hover{filter:grayscale

P粉436688931 2024-04-01 08:19:51 0  1  593

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。 私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28 0  1  357

ボタンをアクティブにするとホバー効果が誤動作する

私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました。最初は、アクション ボタンのホバー効果がうまく機能し、ホバーするにつれて色が明るくなりました。ボタンを押すと、ボタンが明るくなり、ユーザーが別の番号 (または「等しい」ボタン) を入力して前の番号で何かを行うまで、その状態が維持されます。その後、アクションボタンは通常の色に変わります。それまでは何も問題はなかったのですが、ユーザーがボタンを押した後、

P粉548512637 2024-04-01 21:51:26 0  1  609

browsersync ブラウザ同期テスト ツールが正しく動作しない

browsersync ブラウザ同期テスト ツールがインストールされていますが、テスト結果が無効です。理由は何ですか? テキスト エディタでコードを変更してください。保存後、Web ページのコンテンツは自動的に変更されず、手動で更新する必要があります。 f5 なぜ

LordVoldemort 2017-12-13 15:50:21 0  0  1445

javascript - jq固定高テキストの展開と折りたたみ

{コード...} このような効果を実現するにはどうすればよいですか? 矢印を折りたたんだり展開したりして効果を書いてみました。ここに書かれている高さは固定されているため、理想的ではないようですが、このテキストの量は不確実ですデモ

伊谢尔伦 2017-06-29 10:09:11 0  3  1262

object-c - tableview またはscrollView に関する iOS のスライディング問題

タイトルがこのような場合、実現したい効果はスライドダウンの過程です。たとえば、下の図はテーブルビューで作成されています。ここでスライドしても動きません。実現したい効果は次のとおりです。青い色が画面の半分に達していない場合（その位置はほぼOK）、自動的に最初の行、つまり赤い行のみに戻ります...

PHP中文网 2017-06-20 10:06:07 0  1  879

JavaScript - アニメーションフィルモード設定が有効にならないのはなぜですか

.gold_egg_broken{ {code...} } @-webkit-keyframes Eggbroken { {code...} } このスタイルを要素に動的に切り替えて、最後のフレームに留まり、変更されないようにします。でも効果が出ないんだよ

女神的闺蜜爱上我 2017-07-05 10:39:25 0  2  1058

グレースケール SVG がアルファに変換されると明るさが低下するのはなぜですか?

SVGを使用して透明な「星空」効果を作成しようとしています。 Web ページ上の黒い背景要素内に SVG をインラインで配置しています。まず乱流フィルターから始めて、次にカラー マトリックスを適用して目的の効果を実現しました。 <svgxmlns="http://www.w3.org/2000/svg"><filterid="filter"><feTurbulencebaseFrequency="0.2&q"

P粉986937457 2024-02-26 18:01:19 0  1  347

JavaScript - echartsを使用して回路図を実装するにはどうすればよいですか? ?

マスターの皆さん、どうすればこの効果を実現できるのかお聞きしたいのですが、ライン上のノードはバックグラウンドで動的にレンダリングする必要があり、固定されていないからです。Amap や Baidu マップなどは必要ありません。 . 純粋なデータ視覚化表示です。

曾经蜡笔没有小新 2017-06-10 09:48:57 0  1  627

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

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

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

JavaScript の基本メモ

JavaScript1. JS と DOM の関係. ブラウザには HTML コードをレンダリングする機能があります. HTML ソース コードはメモリ上で DOM オブジェクト (ドキュメント オブジェクト) に形成されます. 内部には JS インタプリタ/実行/エンジンがあります例えば、chrome は v8 エンジンを使用しています html に JS コードを記述します JS コードがエンジンによって実行され、その実行結果が DOM の動作となる、などの特殊効果がよく見られます。画像が浮かんだりテキストの色が変わったりするので、ブラウザが実行するとHTMLコードに遭遇し、レンダリング、...

只是没有如果 2018-11-19 20:33:14 0  0  1131

WordPress メニュー効果を調整する方法

最近WordPressのテーマをいじっていて「Kratos」をインストールしました 上のメニューバーの効果を調整したいのですが、バックグラウンドで直接変更する必要がなく、いじる方法がわかりませんコードです。アドバイスを求めてもいいでしょう。テーマの効果は次のとおりです。現在 2 つあります。質問: PC バージョンの上部にあるメニューを左揃えにするにはどうすればよいですか?デフォルトは次のとおりです。右揃えになりました。マウスを上に移動したときにセカンダリ メニューが自動的に展開されるようにするにはどうすればよいですか?

天空蓝 2023-04-16 12:00:36 0  1  1282

javascript - JS コード ステートメントの非順次実行。シングルステップ操作は正常ですが、問題が直接発生します。

ポップアップ ボックスが 3 秒後に自動的に非表示になることを実現したいので、次のコードを設定します: {code...} シングルステップ デバッグでは問題ありません。順次実行されます。つまり、ブレーク ポイントです。効果は想像したものと同じですが、中断はありません。直接「実行」をクリックした場合、この効果は発生しません。 js の実行時に独自のものが必要だと思いました...

滿天的星座 2017-06-26 10:50:14 0  4  703

JavaScript - スワイパー画像をスワイプできません

質問の件名は、要求されたデータがなかったため Vue で書かれていたため、偽のデータが作成されました: これは動的に生成された img タグであり、ページ上で使用されます: しかし、Chrome を開いて効果を見ると、これはスワイプできず、最初の画像しか表示されないということですが、その写真の動的生成された画像も以下のように正しい構造になっているのですが、なぜ描画できないのでしょうか...

黄舟 2017-07-05 10:48:46 0  6  1303

nginx - ドメイン名のジャンプに関する関連問題

質問 1: ドメイン名 abc.com がある場合、gitlab 公式 Web サイトと同様に、ブラウザに abc.com と入力すると、自動的に about.abc.com にジャンプしたいと考えています。 この効果を達成するにはどのような手順が必要ですか?どのような知識が必要ですか? 質問 2: 現在、ドメイン名 abc.com を持っているとします...

某草草 2017-05-16 17:11:08 0  4  575

Python - Django モデルの externalKey リファレンス

django を使用してデータベースを作成すると、テーブル 1 {code...} テーブル 2 {code...} テーブル 2 の外部キーは、LastName ではなくテーブル 1 の Id_P に関連付けられているという効果が得られると期待していますが、 in django {code...} .} このように書くと、django は、私が期待していた Id_P ではなく、自動的に Persons テーブルの主キーに関連付けます...

黄舟 2017-05-18 10:46:04 0  1  638

javascript - vue のコンポーネント切り替えの動的な効果が Chrome ブラウザーでのみ正常であるのはなぜですか?

他のブラウザでは、新しいコンポーネントが最初に下に表示され、次に古いコンポーネントが消えて新しいコンポーネントが表示されます。本来エフェクトはフェードイン、フェードアウトのはずです。 Chromeブラウザでは問題ありません。ただし、この問題は safari、edge、360 で発生します。

大家讲道理 2017-05-16 13:37:17 0  2  474