使用 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 0  1  349

懸停時傾斜效果錯誤

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

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

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

P粉203792468 2023-08-15 23:49:58 0  1  507

停用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 0  1  568

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

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

P粉041758700 2024-01-10 18:06:56 0  1  437

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

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

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

P粉940538947 2023-09-06 20:29:59 0  1  583

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

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

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

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

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

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

選單項目的懸停效果涵蓋整個頁面高度

我正在開發左側導覽。我希望懸停時紅色條出現在選單項目之前。它適用於「主頁」項目及其子項目，但其他根項目會導致懸停時紅色條從上到下跨越頁面的整個寬度。 $(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46 0  2  365

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

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

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

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

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

P粉546257913 2024-04-04 11:55:21 0  2  467

CSS顯示屬性的漸層效果

我目前正在設計一個CSS的“超級下拉選單”-基本上是一個常規的純CSS下拉選單，但其中包含不同類型的內容。目前，似乎CSS3的過渡效果不適用於「display」屬性，也就是說，無法從display:none過渡到display:block（或任何組合）。在上面的範例中，有沒有辦法讓第二級選單在有人懸停在頂級選單項目上時「淡入」？我知道可以在visibility:屬性上使用過渡效果，但我無法想出有效使

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

css3中translate(-50%,-50%)對 transform-origin的奇葩影響？

{程式碼...} 當我使用margin-left為負值的方法來居中對齊，然後滑鼠hover的時候放大，中心點就是transform-origin設定的上下居中，沒有任何問題： 可是當我使用transform:translate (-50%,-50%)的居中對齊時： {代...

typecho 2017-06-08 11:02:26 0  1  1010

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

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

P粉996763314 2023-11-04 11:04:23 0  1  769

css3 - transition transform初始display:block怎麼就沒移動效果？

https://jsfiddle.net/zjmove/2... ---看完xiaoboost的回答---最後這樣改最合適：https://jsfiddle.net/25d3ga9j...我沒說清楚，其實我並不需要next的動畫，只需要left從右往左的效果。至於為什麼初始display:blo...

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

javascript - js的點擊事件，用css3 transition做過渡，沒有效果 如下程式碼

html {程式碼...} css {程式碼...} js {程式碼...}

学习ing 2017-07-05 10:43:56 0  3  1298

javascript - 能不能用js為一個div添加一個持續的hover的效果，就像有另一個滑鼠一直放在上邊？

這是一個before+div+after做的導覽條的樣式，現在想為所在的頁的頁碼新增hover時的樣式。用js控制dom的話我只會改中間div的背景色，before和after的樣式不知道如何用dom來操作。所以我想能不能用js給div添...

巴扎黑 2017-07-05 10:56:42 0  2  999

css3 - css怎麼做出這樣的效果？

中間的那個比周圍亮的區域怎麼做啊？

黄舟 2017-06-10 09:48:25 0  8  936

這種卡片效果使用JavaScript+css3該怎麼實現？

請問有做過這種效果的大神麼？效果請見最美有物App：http://www.25xt.com/?p=12539。上網我就只收到安卓和IOS的程式碼：https://github.com/ZieIony/Ma...，但我看不懂。希望大家如果有看到相關的demo能分享下...

淡淡烟草味 2017-05-18 10:55:57 0  2  609