提問搜尋_PHP中文網

社群

學習

工具庫

AI工具

休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

當滑鼠懸停在按鈕上時，顯示一個子選單

我正在尋找一個解決方案，當我懸停在一個按鈕上時，會彈出一個子選單。目前只有在點擊時才顯示選單。有人知道我需要改變什麼，以便當懸停在一個按鈕上時菜單顯示出來，而點擊時菜單保持在那裡。解決方案：將懸停改為mouseover。有人知道如何使滑鼠懸停時不顯示所有部分（sect1...）嗎？ <script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

按鈕啟動導致懸停效果故障

我一直在努力學習網頁開發的基礎知識（HTML、CSS和JS），所以我一直在嘗試製作一個可用的蘋果計算器。一切都工作正常，直到我注意到一個小錯誤。一開始，操作按鈕上的懸停效果很好，當我懸停時顏色變得更亮。當我按下按鈕時，按鈕會變得更加明亮並保持這種狀態，直到使用者輸入另一個數字（或「等於」按鈕）來與前一個數字進行操作。之後，操作按鈕將變為正常顏色。在那之前，一切都很好，但我注意到，在用戶按下按鈕並

P粉548512637 2024-04-01 21:51:26

直接在 HTML 標籤中使用 SVG 不允許我將角色指派為按鈕或具有所需的懸停效果

我有一個帶有圖標的容器，該圖標應該執行兩個功能：具有按鈕的作用（可通過鍵盤/屏幕閱讀器等訪問）懸停/聚焦時變紅當我直接在標記中使用SVG時，懸停效果可以按預期工作，但我無法像使用img標籤時那樣為SVG分配按鈕角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

建立一個懸停效果，將選單按鈕轉換為具有陰影複製版本的 x 形狀

首先我想承認我的標題很令人困惑，對此感到抱歉。我想要實現的是懸停時的以下效果：我的網站在這裡https://wordpress-493302-3130963.cloudwaysapps.com/我已經成功地使用css轉換完成了我想要實現的目標的一半，但無法看到創建按鈕的影子副本，如上圖所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

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

懸停時傾斜效果錯誤

我有一個帶有傾斜效果的按鈕，裡面有一個文本，當我懸停該按鈕時，按鈕旁邊會出現兩行。有代碼，將滑鼠懸停在按鈕上直到看到它，這是一個非常隨機的副作用。我認為這是Chrome的問題，但我不確定。這是問題的圖片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

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

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

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

学习ing 2017-06-24 09:44:08

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

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

巴扎黑 2017-05-15 17:07:12

為什麼我的 Bootstrap 5 彈出視窗在關閉並重新開啟它所在的模式後失去了打開焦點的能力？

我的Bootstrap5模式和放置在其上的彈出視窗有問題。在我的HTML中，我有以下內容，當使用者將滑鼠懸停在按鈕上時，它會正確顯示。彈出視窗顯示「您確定嗎？」鍵入提示並建議使用者按一下按鈕（懸停）以繼續。單擊該按鈕即可獲取焦點並保持彈出視窗打開，直到再次單擊或單擊離開該元素。這允許滑鼠指標進入彈出視窗內容並點擊“繼續”按鈕。這就是我想要的：https://bootstrap-confirmatio

P粉022501495 2024-03-28 23:27:50

從提交和重置按鈕中刪除懸停效果：逐步指南

當我單擊“提交”或“重置”按鈕時，我需要使用什麼命令才能使其不縮放。我希望他們看起來很正常。我應該對這個程式使用懸停，但不能對最後2個按鈕使用懸停請參閱下面我到目前為止所擁有的程式碼。任何事都值得讚賞<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

javascript - 在利用button標籤時，滑鼠事件和鍵盤事件切換會出錯？

做了一個抽獎的小東西，開始和停止的按鈕是button標籤的。當我用滑鼠按下開始，輸入完人數之後，按回車暫停是可以的，但再按一次回車會開始後瞬間停止，而不是我再按一次回車才結束，如果不用button標籤的話是可...

習慣沉默 2017-05-18 10:54:36

在 NextJS 專案中使用 Tailwind 和 MUI 時出現意外行為（白色按鈕錯誤）

我目前正在使用NextJS、TailwindCSS和MUIReactUI庫建立一個專案。每當我嘗試在我的專案中添加MUI按鈕時，它都能正常工作，但按鈕的顏色保持白色。懸停時顏色恢復正常，按一下按鈕時仍具有波紋效果。但當不懸停時，它會回到白色。透過從我在_app.{js,jsx.ts,tsx}檔案中匯入的全域css檔案中刪除tailwind指令，該按鈕再次正常運作，但這也將刪除TailwindCSS。

P粉996763314 2023-11-04 11:04:23

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

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

P粉289775043 2024-03-27 20:29:28

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

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

P粉254077747 2024-04-03 15:14:43

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

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

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

透過過渡縮放文字以適應瀏覽器的大小

我有一些文本，我想在將滑鼠懸停在按鈕上時將其大小調整為瀏覽器的100%。如何使該文字適合瀏覽器/容器？我知道使用fontsize，您可以執行類似font-size:100vw的操作，但是font-size的動畫很不穩定，所以我無法使用此方法。 http://jsfiddle.net/0n15mfyL/對於那些想知道抖動的人，當字體縮小時會很明顯：http://jsfiddle.net/rbk48

P粉459578805 2023-09-08 11:11:22

將 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

CSS 樣式未套用於網站

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

P粉613735289 2024-04-06 17:12:23

解決 Tailwind CSS 中懸停狀態的問題

我目前正在為單頁網站設計導覽列的樣式。當用戶將滑鼠懸停在按鈕周圍的div上時，我希望它不僅將背景顏色更改為較深的綠色（已經可以使用），而且還使文字顏色變為白色，使其可見。然而，即使我為div指定了“hover:text-white”類，文字目前仍被覆蓋。這是我的index.html！ <!DOCTYPEhtml><htmllang="en"><hea

P粉039633152 2023-12-31 08:53:39