提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

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

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

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

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

CSS顯示屬性的漸層效果

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

P粉608647033 2023-08-21 11:08:32

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

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

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

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

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

我正在開發左側導覽。我希望懸停時紅色條出現在選單項目之前。它適用於「主頁」項目及其子項目，但其他根項目會導致懸停時紅色條從上到下跨越頁面的整個寬度。 $(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

CSS 顯示屬性上的轉換

我目前正在設計一個CSS“大型下拉”選單-基本上是一個常規的純CSS下拉選單，但包含不同類型的內容。目前，CSS3過渡似乎不適用於「display」屬性，也就是您無法從display:none到display:block（或任意組合）。當有人將滑鼠懸停在頂級選單項目之一上時，是否有辦法使上例中的第二層選單「淡入」？我知道您可以在visibility:屬性上使用轉換，但我想不出有效使用它的方法。我也嘗試過

P粉958986070 2023-08-23 12:27:32

javascript - 請教 better-scroll +vue 滾動的用法

是這樣的，better-scroll這個組件我會使用縱向的滾動用法，但是橫向的我自己研究了很久我都沒有實現出來，希望大大們能指點一二. 我想實現的效果就是橫向的菜單可以類似於我所標記的菜單

三叔 2017-07-05 10:44:28

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

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

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

ReactJS：動態更新懸停時的下拉式選單圖標

首先，我使用「antd」React框架和tailwindCSS只是為了練習ReactJS。嗯，這是我第一次使用這個框架。因此，我決定先嘗試在懸停時使用下拉彈出式選單。其實，並不太清楚如何達到這個階段。我當然知道使用CSS，我可以使用“hover:”attr，但是有沒有在ReactJS中使用邏輯的想法？另外，我嘗試閱讀道具“下拉式選單的API部分”，但沒有成功。即使我嘗試使用onMouseEnter(

P粉877114798 2024-03-29 17:58:41

標題重寫為：彈性盒子選單和帶有標題的表格 - 是否能根據表格寬度截斷標題？

我想透過使用flexboxCSS來實現類似這樣的效果。選單是固定寬度的，但是表格可以自動增長，而標題不應超過表格寬度，即使它很長。換句話說，表格應該能夠拉伸列容器，但標題不應該。 +----+--------+|選單|標題||+--------+||表格|+----+--------+只需一個flex列就可以輕鬆實現。 <html><style>

P粉642920522 2023-09-06 17:30:06

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

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

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

Vanilla JS setTimeout()：辨識錯誤行為

我的漢堡式選單上有一個用HTML、CSS和VanillaJavaScript寫的動畫。預期結果當您單擊漢堡菜單按鈕時，應該發生以下事件：單擊漢堡菜單圖標時：main旋轉180°並在2000ms上沿高度縮小在2000ms通過後，菜單出現，漢堡包圖標變為X單擊退出按鈕時：將頁面再旋轉180°覆蓋選單隱藏選單：display:none;將退出按鈕轉換回漢堡圖示實際發生的情況主要問題是由於第12-14行

P粉797855790 2024-04-02 20:44:40

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

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

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

CSS 網格：當子內容溢出列寬時建立新行

我有一個基於CSS網格的兩列佈局。當第二列的內容超過1fr我想建立一個新行。按照目前的情況，內容只是溢出了該列。此佈局的一個要求是右側選單列中的項目位於一行中。我透過以下方式實現這一目標：.right-menu{...grid-auto-flow:columndense;...}如果我刪除grid-auto-flow屬性，溢出就會停止。但是，這些項目現在堆疊成多行，這不是我想要的。我還嘗試將.ri

P粉212114661 2023-09-05 15:18:28

html5 - vue專案中vuex儲存問題

實現效果：點選按鈕切換左邊選單的寬度。我現在已經用Vuex儲存了一個欄位IsOpen,然後nav元件和menu元件都已經取得到了欄位的初始值，點擊nav元件按鈕的時候也切換了IsOpen的值，但是改變寬度的類別名稱沒有切換。這...

迷茫 2017-06-27 09:19:31

javascript - slideToggle實現折疊選單效果，但是怎麼實現點擊這個選項展開，其他選項自動折疊呢？

想要實現的是折疊選單，但是slidetoggle 只能點擊才能收起來，我要的是點擊別的選項，已經展開的自動折疊，請問怎麼修改？程式碼如下： $("> li", this).each(function () { {程式碼...}

某草草 2017-07-05 11:06:06

CSS 樣式未套用於網站

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

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

javascript - vue怎麼實現類似QQ的左側滑選單導航，如下兩張圖的切換效果

( www.sf.gg ) 是中國領先的開發者技術社群。我們希望為程式設計愛好者提供一個純粹、高品質的技術交流的平台，與開發者一起學習、交流與成長，創造屬於開發者的時代！

滿天的星座 2017-06-29 10:09:57

標題重寫為：如何在CSS中調整所有輸入區域的文字大小（包括電子郵件註冊、評論框和食譜索引頁面下拉選單）？

網址：https://olivesfordinner.com/尋找能達到以下效果的CSS代碼：在主頁上輸入電子郵件註冊時，使文字變大。它太小了。在食譜貼文上留下留言時（例如：https://olivesfordinner.com/toasted-muesli-recipe/），如何讓讀者在輸入時文字變大。同樣，這個文本太小了。如何使左側欄的下拉文字方塊中的文字變大。它們太小了！ https://ol

P粉465675962 2023-09-14 15:17:43