手機上的按鈕保持焦點或活動狀態，導致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 0  1  522

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

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

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

CSS中實現按下按鈕效果的正確方法

我正在使用CSS創建鋼琴佈局。我真的很喜歡這種「按下按鈕」的效果，但它會改變周圍的元素。如何避免這種情況？ <main><divid="o-2"class="octave"><buttonid="C2"class="Ckey"></button><buttonid=&

P粉004287665 2023-09-09 13:38:06 0  2  618

單擊按鈕時如何將此動畫類別新增至模式？

我希望當我單擊模態上的“x”按鈕時發生動畫，但當前發生的情況是模態在沒有它的情況下關閉，然後再次打開模態時，動畫會在不單擊任何內容的情況下發生。這是我目前的動畫類別程式碼：.scale-out-center{-webkit-animation:scale-out-center0.3scubic-bezier(0.550,0.085,0.680,0.530)both;animation:scale-ou

P粉064448449 2024-03-30 22:05:19 0  1  465

java - 實作一個兩邊按鈕，點擊按鈕切換中間的內容，中間可以是fragment，這個效果如何實現?

實現一種兩邊按鈕，點擊按鈕切換中間的內容，中間可以是fragment，這種效果如何實現已經嘗試過viewpager，但是項目中不好用，求其他解決方案.

習慣沉默 2017-05-16 13:33:43 0  2  850

javascript - 前端地圖動畫效果如何實現。

類似下面這面這種效果，頭像是可以依照路線動的，之前沒有接觸過這類動畫。前端該如何實現？ canvas?webGL?或現成的框架？應該以什麼思路做出這種效果呢,沒什麼頭緒。 。 。

PHPz 2017-05-16 13:36:02 0  2  461

javascript - 蘋果手機下面css3動畫效果出不來，請問該怎麼解決呢？

動畫效果是透過animate.css實現的，在安卓手機上面的瀏覽器，還有微信,qq打開都是正常運行的，但是蘋果手機會有兼容問題，請問這個要怎麼解決呢？線上網址 https://ipukr.cn/ad/index.htm...

巴扎黑 2017-07-06 10:37:34 0  3  1427

javascript - react 中的動畫效果怎麼寫？

react中的元件怎麼寫出動畫效果？例如一個簡單的對話框，我希望達到點擊取消後，對話框先變淡，然後消失。如果用jquery，那麼很簡單，先animate({ //變淡的CSS }，function(){ //刪除DOM})。但是react，不知道怎...

世界只因有你 2017-05-18 10:58:34 0  2  747

javascript - 關於頁面的loading動畫效果沒有顯示？

1.現在做的項目是資料表頁面，由於後台查詢時間較長，所以為了提高下用戶體驗，加上一個load動畫過度。 loading動畫用的插件，使用測試沒有問題，但在方法執行的過程中，發現動畫效果並沒有。 2.直接貼代碼。 js入門...

迷茫 2017-05-19 10:18:28 0  4  706

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

直接在 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  581

隱藏和顯示動畫內容：建立具有過渡效果的HTML頁面

我正在嘗試製作一個以書籍形式展示內容、具有翻頁動畫的網站。對於每個「頁面」的內容，有不同的svg圖片進行動畫處理；我不確定如何進行操作。基本上，有沒有辦法按照我想要的方式顯示和隱藏內容，而不必為每個「頁面」建立一個html檔案？順序有點重要，我不希望谷歌將我的網站連結到一些隨機位置。謝謝！我在考慮一種旋轉木馬，但是幻燈片是整個頁面，支援動畫內容、動畫過渡，並且其中有文字。我對前端開發相對較新，如果

P粉674757114 2023-09-10 17:41:45 0  1  674

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

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

阿神 2017-06-30 09:59:55 0  5  1050

建立一個懸停效果，將選單按鈕轉換為具有陰影複製版本的 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  456

如何使 CSS 動畫在每次將後續類別新增至元素時運行

我有一個CSS動畫類設置，因此我可以為元素設置動畫。當單擊輸入按鈕時，該類別將添加到中，我希望每次單擊示例中的輸入按鈕時，都會飛到螢幕上。但是，它僅在第一次有效，任何後續的輸入點擊都不會使元素產生動畫。我在這裡缺少什麼？ $(document).ready(function(){jQuery('#cloc').click(function(){jQuery('p').removeClass('anim

P粉714780768 2023-09-09 22:36:42 0  1  557

如何使jquery切換寬度動畫在中途停止以再次關閉？

也許這個問題很令人困惑，但讓我給你舉個例子，當我點擊切換寬度的按鈕時，按下按鈕後div會繼續以動畫方式顯示，看起來並不令人驚奇。我想要的是div中途停止並轉到另一條路，並且當再次按下按鈕時不完成其現有動畫。 $(document).ready(function(){$('.menuToggle').click(function(){$(".menuContainer").anim

P粉238355860 2024-03-19 23:49:40 0  2  391

在Vue.js中，點選按鈕隨機產生動畫

我有三個lottie播放器json動畫檔案-congratulations1.json、congratulations2.json和congratulations3.json動畫如下：恭喜1：<lottie-playerv-if="showPlayer1"class="justify-content-center"src=". ./../../

P粉722521204 2024-03-27 23:57:52 0  1  379

javascript - 行動端貼上事件，onpaste事件在app中無效，在app中怎麼監控到貼上事件

行動端貼上事件，onpaste事件在app中無效，在app中怎麼監測到貼上事件，也就是貼上驗證碼後，監控貼上事件，如果填寫驗證碼的文字方塊值不為空，下一步的按鈕是可點選的狀態。否則下一步按鈕不可點擊。用onpaste監...

黄舟 2017-05-16 13:23:57 0  1  775

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

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

滿天的星座 2017-06-26 10:54:58 0  6  968

javascript - REACT元件的樣式問題

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

巴扎黑 2017-07-05 10:50:54 0  3  879