提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

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

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

懸停時傾斜效果錯誤

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

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

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

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

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

使用 Psuedo 元素的 CSS 懸停效果與主元素重疊

基本上，當我懸停時，我希望效果如下所示：我的網站在這裡程式碼如下忽略！重要：.cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28

實現導覽列懸停效果的方法

我正在處理我的垂直導覽列。那個圖標的名稱應該在右側可見。當滑鼠懸停在圖示上時，名稱也應該從白色變為黑色，但它沒有起作用。我嘗試改變周圍的標籤，看看是否有幫助。我還改變了HTML中的標籤，並在CSS中改變了標籤，以使標籤能夠運作。我在這個網站上找到了解決我的問題的方法。我無法讓我的導覽列工作。我無法弄清楚如何在這裡放置程式碼。如果可以幫助的話，我願意透過訊息發送我的程式碼。我花了超過30分鐘嘗試弄清楚

P粉041758700 2024-01-10 18:06:56

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

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

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

使用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

停用Vuetify 2中v-checkbox的懸停效果

當在Vuetify2中懸停在v-checkbox上時，複選框後面會出現一個變暗的圓圈。我想讓它不出現。目前，我的v-checkbox被包裹在v-tab和v-tooltip中。我懷疑這並不重要，但有可能。 <v-tabv-for="tabinmyTabList":key="tab"><span>{{$t(tab)}}</span&g

P粉826429907 2023-09-03 20:25:54

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

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

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

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

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

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

如何更改 MUI 工具提示的背景顏色？

我想要一個“？”用戶可以將其懸停在圖標上並獲取有關應在文字欄位中輸入哪些資料的規範。 MUI的預設懸停是灰色的，帶有白色的文字，但我希望我的懸停是白色的，帶有灰色的文字，並且字體更大。我發現使用對於字體大小和顏色效果很好，但是當我更改背景顏色時，懸停文字欄位周圍有一個灰色邊框。這是hover.js元件：exportdefaultfunctionHoverTip(prop){const{tip}=pr

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

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

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

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

使用特殊遊標更改懸停時的文本

請指導我如何更改懸停時的文本，類似於monopo網站。我不需要背景。只需簡單的圓形效果（如彩色背景）和文字變更即可。此外，如果可能的話，我希望該效果僅在名為“about”的div中啟動。網站連結：https://monopo.london/

P粉665427988 2023-09-05 23:47:42

動態為多個元素添加:hover效果

是否有可能以程式設計方式為多個元素添加hover效果？在我們的系統中，有多個元素代表一個單元（但由於其他原因需要將它們分開成多個元素），在某些情況下，它們應該在懸停時一起重新著色。是否有可能以程式設計方式為多個元素添加hover效果？或者說這是否是一個好的實踐？我可以透過使用my_own_css_class來解決這個問題，在懸停時將其添加到所有元素上。但我覺得以程式方式讓它們有hover效果可能對我有

P粉203792468 2023-08-15 23:49:58