提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

淡淡烟草味 2017-05-18 10:55:57

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

javascript - REACT元件的樣式問題

如圖所示的三個按鈕元件，只用原生JS和REACT怎麼才能比較簡潔的寫出點擊一個其中一個按鈕，讓其中一個按鈕的樣式改變。而點擊其他按鈕的時候，可以有相同的效果（也就是清除另外兩個的樣式，加入點擊按鈕的樣式）

巴扎黑 2017-07-05 10:50:54

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

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

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

手機上的按鈕保持焦點或活動狀態，導致CSS動畫出現問題

我正在嘗試在每次點擊按鈕時實現動畫效果，它在桌面上運行良好，但在手機上無法實現相同效果。我必須先點擊按鈕，然後點擊其他地方以取消CSS的焦點狀態，然後再次點擊按鈕以獲得動畫效果。以下是程式碼片段。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37

javascript - 小白有點混亂，為何js裡面可以直接用checked=true來為標籤加入效果呢？

比如說：我需要用js為按鈕添加一個已選擇的效果。為何在js裡面可以直接用 oDiv.checked = true ?來加入已選擇的效果？為啥不需要中間加上一個style？如果是顏色就是這樣 oDiv.style.color ="red" ?

阿神 2017-06-26 10:55:27

javascript - js做過渡效果是怎麼樣做的？

小白對js不太熟悉，那麼請問，我如果js來做點擊按鈕，然後div經過5s移動到右邊500px的地方，這種效果的製作思路是啥？是先寫好一個class，讓這些效果完全都達到了，然後用js來切換className麼？但是在點擊事件...

滿天的星座 2017-06-26 10:54:58

隱藏元素的ReactJS使用方法

我想在螢幕上顯示一段文本，並且只有在按下按鈕時才隱藏，但我不知道如何做。我想使用useState來實現這個效果：const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>我發現的問題是，點擊按鈕時，頁面會重新渲染，可見性的值將會變成默認

P粉136356287 2023-09-07 19:21:22

當bootstrap按鈕處於活動狀態時，為每個按鈕新增陰影/邊框的CSS

我正在使用React框架創建前端，並使用Bootstrap5.3進行設計。根據我的理解，Bootstrap現在作為標準已經取消了陰影效果。所以，如果按鈕處於啟動狀態，按鈕將不會顯示陰影/邊框，就像在Bootstrapv5.0文件中所示。 https://getbootstrap.com/docs/5.0/components/buttons/不幸的是，我不知道如何直接在程式碼中自訂單一按鈕。是否可以

P粉256487077 2023-08-17 23:54:27

javascript - 顯示與隱藏動畫有什麼好的方案嗎？

範例就像這個動畫一樣的效果，div先是隱藏的，點擊按鈕後顯示並且有動畫效果，隱藏的時候同樣。但我絕對我寫的太複雜，有沒有更簡單的方案呢（不要第三方函式庫）！

阿神 2017-06-30 09:59:55

swift - ios鍵盤出現或消失的問題

想要達到的效果是當鍵盤出現的時候，底部的button和label會自動上挪，處於鍵盤上方的位置。而當鍵盤消失的時候，button和label會自動回到底部。我用的是加入scrollView的方法，然後監控鍵盤的狀態，但遇到的問...

过去多啦不再A梦 2017-06-06 09:53:33

在PHP中，未預料到的變數 $sql 導致了一個異常錯誤。

我以為我已經寫好了完整的程式碼，而且沒有錯誤，但為什麼它一直顯示這樣的錯誤？我嘗試了從檢查分號和其他東西開始，也嘗試了重命名 $sql 變量，並且在第28行按鈕也沒有效果。這是程式碼的截圖。對於圖像品質的問題我很抱歉。

P粉781235689 2023-08-02 14:50:45

如何在網站上新增具有漸變邊框的按鈕

我的問題是按鈕顯示得非常小，而且我在下面調整高度或寬度沒有任何效果。我已經將程式碼輸入到我的WordPress網站中使用Elementor，我只是拖曳了一個HTML小工具並貼上了下面的程式碼。 .container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-colo

P粉621033928 2023-09-05 20:41:10