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

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32 0  2  577

モバイル ブラウザでリンクの title 属性、つまりマウスを置いたときにチップ効果があることを確認するにはどうすればよいですか?

パソコンでは閲覧できますが、携帯電話ではマウスオーバー動作ができないのですが、title属性の効果を高めるjsスクリプトはありますか？

阿卡 2018-10-18 15:37:43 0  3  1423

css3 - トランジション変換の最初の display:block に移動効果がないのはなぜですか?

https://jsfiddle.net/zjmove/2... ---xiaoboost の回答を読んだ後 --- 結局、これが最も適切な変更です: https://jsfiddle.net/25d3ga9j... 私はしませんでした。実際、次のアニメーションは必要なく、右から左への左の効果だけが必要です。なぜ初期表示:blo...

PHPz 2017-05-16 13:24:58 0  1  1281

ヘルプ: ページネーション効果がないのはなぜですか?

クエリの結果はすべて表示されますが、ページング効果は表示されません。

无与伦比 2018-11-28 18:02:13 0  0  1025

javascript - Weex の <text> のテキスト クリック効果

weex のテキストにはデフォルトではクリック効果がありません。公式サイトではプレスステータスを取得する方法が見つかりませんでした。Android のセレクターのような機能を実装できる人はいますか?

ringa_lee 2017-05-19 10:33:24 0  3  582

javascript - 画像収集効果、プラス 3D 効果、なぜ収集後に線が発生するのですか?

div には多数のサブディビジョンがあり、サブディビジョンの背景画像を組み合わせて全体の画像を形成します。集合効果として、3D の Y 軸反転効果を追加しました。接合するときの真ん中? 論理的には集めた後になるはずです 結果がこれです コードを添付します pic{幅: 1000px;高さ: 655px;位置...

曾经蜡笔没有小新 2017-05-18 10:46:23 0  1  551

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  821

extra の下にあるファイルは効果がありません

エクストラの下にあるファイルが効果がないのはなぜですか?

之灰 2018-03-27 21:33:03 0  0  1309

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

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 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  354

この Ajax 非リフレッシュ ページング効果のソース コードはありませんか?

この Ajax 非リフレッシュ ページング効果のソース コードはありませんか?初めてこの講座を聞いたので

听风说 2017-12-26 20:43:09 0  7  1954

javascript - jQuery はモバイル ページで効果音のプリロードをどのように実装しますか?

モバイルページのアニメーションに効果音が付きますが、音楽の最初の読み込み時に効果音が遅れます。この問題を解決するにはどうすればよいですか?

phpcn_u1582 2017-05-19 10:41:56 0  2  614

JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

学习ing 2017-06-24 09:44:08 0  3  916

javascript - タブ効果のマスターは HTML コードを分析します

この効果を実現するにはどうすればよいですか? http://www.sephora.cn/ すべてのブランドはどこにありますか?

PHPz 2017-05-19 10:15:51 0  1  536

JavaScript - キャンバス上で鉛筆の線画効果を実現する方法

最近描いている線画は全てlinetoで描いているのですが、全て実線で描いているので、クリエイティブの効果という観点からすると、【鉛筆】を描いたような効果が欲しいんです～マスターの皆さん、描き方を教えてください。 。

習慣沉默 2017-05-24 11:37:40 0  1  1047

javascript - NetEase Cloud の Mac バージョンのホームページのカルーセル効果を研究した人はいますか?

NetEase Cloud の Mac 版アプリのホームページのカルーセル効果を研究した人はいますか? js用の同様のプラグインはありますか?

为情所困 2017-05-19 10:32:00 0  2  563

JavaScript - ページ視差効果の実装について質問する

ページ効果: この効果の Jingzhe の模倣: 私は Zhihu で skrollr.js というライブラリについて初めて知り、それを学び、自分のページに適用しました。なぜなら、私のページは上記のような静的なノード、記事、写真ではないからです。リクエストによって取得され、段階的なリクエストは画像の内容によって異なります。

PHP中文网 2017-05-16 13:26:03 0  1  1007

css - フレックス レイアウトの垂直方向の効果は実現できませんか?

Ruan Yifeng 先生の例を参考にして、自分でやると垂直方向の効果が得られないのはなぜですか?

为情所困 2017-05-16 13:44:11 0  3  614

JavaScript - Jqueryフォーカスマップのフェードインおよびフェードアウト効果、アドバイスをお願いします

タイマーは 3 秒ごとに戻ります: {code...} しかし、このように生成されたエフェクトは白く点滅し、トランジションはまったく自然ではありません。非常に自然なトランジション効果が必要です。このような効果の例: http://www.5icool.org/demo/20... 間違った方法を使用したのでしょうか?

大家讲道理 2017-06-28 09:25:51 0  2  808

html5 を使用して画像のスクロール効果を作成できますか?

html5 を使用して画像のスクロール効果を作成できますか?

。 2018-01-31 16:19:16 0  1  1572