vue 和 vuetify 元件上的滑鼠懸停效果

因此，我嘗試重新創建滑鼠懸停效果，如以下文章中的範例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js將懸停效果應用到vuetify庫中的v-card。所以這是我的嘗試：https://codepen.io/pokepim/pen/NWdwOEq現

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

使用滑鼠懸停事件顯示飛出選單

我有一個彈出式選單，我試圖使用滑鼠懸停事件來切換它，但它似乎沒有按預期工作。我嘗試透過像這樣定位div來使用CSS懸停事​​件：.hero-list-blocka:hover+.flyout-menu但是這沒有用。關於如何解決這個問題/改進這個問題有什麼建議嗎？謝謝constflyoutLink=document.querySelector('.flyout-link');constflyoutMenu

P粉254077747 2024-04-03 15:14:43 0  1  497

angular.js - angularjs 使用滑鼠懸停時，標籤一直閃

我在用angularjs寫一個滑鼠懸停事件的時候發現滑鼠時標籤一直閃， angular程式碼如下： {程式碼...} 請問一下這段程式碼有什麼問題嗎? 要實現的效果就是滑鼠懸停到登入成功的標籤時，出現進入主頁標籤。 麻煩看出問題的...

巴扎黑 2017-05-15 17:07:12 0  3  649

javascript - 這個描邊動畫效果是怎麼實現的呢？

滑鼠懸停在上面就會出現這個類似描邊效果，純css可以實現嗎？想實現一樣的效果具體怎麼弄呢？

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

如何使用 Bootstrap Vue 在懸停時開啟選擇下拉式選單

我需要一種方法來觸發<select>或<b-form-select>並在滑鼠懸停時顯示下拉選項清單。不使用JQuery或Vue.js之外的任何外部插件。

P粉635509719 2024-03-26 14:04:58 0  1  447

懸停時顯示內容（不影響卡片高度）

我有一個區塊，其中包含懸停時顯示的內容。效果的工作方式應該是：.hoverCard預設顯示基礎內容（.hoverCard__showOnHover中的內容被隱藏）用戶將滑鼠懸停在.hoverCard上，此時.hoverCard__showOnHover顯示其內容，並且.hoverCard__body向上轉換（賦予其“打開”效果）可以在我的演示中看到上述內容的視覺效果，但我無法讓動畫完美地工作。我遇到

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

javascript - 如何在事件執行完畢後立刻停止事件

我有一個滑鼠移入移出顯示隱藏的事件，但是滑鼠如果多次滑過就會執行多次，如何在滑鼠移出事件執行完畢後立刻停止事件？ {代碼...}

ringa_lee 2017-06-14 10:54:31 0  5  829

如何在Vue過渡中去除過渡延遲？

我正在使用Vue來實現當滑鼠懸停在圖片上時，透過動畫將文字方塊向上移動並淡入。動畫效果是正確的，但是它有一個輕微的延遲才開始。我希望文字方塊在圖片懸停時能夠平滑且立即地開始淡入和向上移動。當遊標離開時，文字方塊能夠正確地淡出和向下移動。 template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

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

懸停時傾斜效果錯誤

我有一個帶有傾斜效果的按鈕，裡面有一個文本，當我懸停該按鈕時，按鈕旁邊會出現兩行。有代碼，將滑鼠懸停在按鈕上直到看到它，這是一個非常隨機的副作用。我認為這是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  317

求一款javascript地圖標記插件

1，有沒有這樣一款javascript插件可以實現下面這種效果左側的三個物件可以拖曳到右側地圖上，拖曳到地圖上鬆開滑鼠後會在地圖上留下一個標記（用來標記地圖位置），放開滑鼠後彈出可以編輯的對話框。

怪我咯 2017-05-18 10:49:58 0  1  570

影像的起點和終點

我正在嘗試設定圖像的起點和終點。所以我有我的畫布和圖像，當我將圖像放入畫布時，我希望當我將滑鼠懸停在起點/終點時，它會亮起一個小紅色圓圈，這意味著我可以與其他圖像創建連接。例如：1)拖曳圖像。 2)將圖像放入畫布內。 3）滑鼠懸停到起點/終點，小紅點亮起。如您所見，紅點僅在懸停時出現。另一個問題，但如果你解決第一個問題很酷，圖像不會跟隨烤架（正方形）。這是html/js的範例constresistor

P粉511757848 2023-08-31 12:24:51 0  1  553

如何使動畫在懸停時暫停，但一旦滑鼠離開動畫繼續

我已經厭倦了幾個解決方案，這是我得到的最接近的解決方案。但我仍然不滿意結果如何，因為當滑鼠離開元素時，元素會恢復到原來的旋轉狀態。這個想法是，如果你越過該元素，即使滑鼠離開該元素，它也會觸發動畫。如果你將滑鼠懸停在元素上，它會播放動畫並保持在0度，一旦滑鼠離開，另一個動畫就會播放，並旋轉回-8度。 constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  424

javascript - 滑鼠hover顯示紅色邊框這種效果怎麼實現

誰做過這種效果這是我寫的，使用border-right:1px solid #eee;border-bottom:1px solid #eee；滑鼠懸浮時ul li:hover{border-color:#ed9639;}怎麼讓左邊也有一像素紅框

过去多啦不再A梦 2017-07-05 11:04:45 0  8  1239

javascript - 相簿效果如何實現的？用什麼插件？

圖片點擊預覽、左右滑動、還有數字，我把連結放到電腦上來，滑鼠點擊就沒有效果了。有沒有成熟的插件可以用。自己寫的遮罩可以實現預覽，但是左右切換不是很好寫。

PHP中文网 2017-06-30 09:56:05 0  4  763

angular.js - 為什麼加了 CSS3 的 transition 會導致 Angular 資料綁定失效？

問題不太好描述，勞各位費心幫我看看是怎麼回事。 一個清單頁面（例如常見的使用者清單），清單的每一項因為有 box-shadow 的設置，在滑鼠懸浮的時候，box-shadow 會變化，為了讓這個效果更平滑，加了 transition；...

给我你的怀抱 2017-05-15 16:49:16 0  1  690

如何在滑鼠懸停時根據組件欄位更改div背景

我有一個div，當它被懸停時，背景顏色會改變，我還需要根據元件中的一個元素選擇顏色。 <div*ngFor="letuofusers;"[style:hover.background-color]="u.selected?'red':'blue'"></div>

P粉968008175 2023-09-12 09:24:31 0  1  553

CSS 樣式未套用於網站

我正在使用Bootstrap5製作網站，但index.css屬性未應用於index.html。當我將滑鼠懸停在服務卡上時，背景應該會發生變化，從而產生過渡效果。應該是從這個到這個。但是，我認為連結到HTML的CSS可能有問題，因為當我嘗試將網站的背景更改為隨機顏色時，該更改不會出現在網站上。 @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  514