提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

angular.js - 如何在CSS動畫結束後做一些清理工作？

在研究angularjs的動畫，基本的方法就是加入一些類別來進行動畫的控制，例如：ng-enter，ng-enter-active等。但是搞不清在動畫結束後是如何把這些拿掉的呢？ {代碼...} 我想這樣的好處是把ng-enter當作動畫的開關，啟...

phpcn_u1582 2017-05-15 16:58:47

javascript - 行動裝置css動畫播放狀態暫停在ios不起作用 animation-play-state

行動端css動畫播放狀態暫停在ios不起作用 animation-play-state 我想點擊圖片圖片靜止，再點一下圖片繼續旋轉。在安卓手機上可以實現，但是在ios,第一次點擊圖片繼續旋轉，沒有靜止動作，反而在第二點擊的時候，...

给我你的怀抱 2017-06-26 10:53:05

html5 - 用css動畫方式描述:一個球彈起落下(持續時間2s,,執行一次)

用css動畫方式描述:一個球彈起落下(持續時間2s,,執行一次)

巴扎黑 2017-05-16 13:44:36

CSS動畫名稱的具體意義是指動畫的填充模式

最近我嘗試使用CSS製作動畫，其中一個特定的類別的不透明度從0%到100%。但是我在class="bar"的動畫上遇到了一些問題。我們可以看到animation-fill-mode不僅適用於標題動畫（將改變不透明度），也適用於bar動畫。有沒有辦法指定animation-fill-mode的動畫名稱？這是我用來製作它的程式碼。 @keyframestitle{from{-we

P粉441076405 2023-09-13 10:16:28

怎麼用php+mysql做動態資料表，急！！！

怎麼用php+mysql做動態資料表，急！！！怎麼用php+mysql做動態資料表，急！！！怎麼用php+mysql做動態資料表，急！！！怎麼用php+mysql做動態資料表，急！！！怎麼用php+mysql做動態資料表，急！！！怎麼用php+mysql做動態資料表，急！！！怎麼用php+mysql做動態資料表，急！！！怎麼用php+mysql做動態資料表

joer 2021-05-12 02:06:09

如何使用CSS製作漸層動畫

我想要平滑地移動我的具有多種顏色的漸變，但問題是動畫不平滑。它只是在每一步中改變位置。 <style>.animated{width:300px;height:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10

如果您切換選項卡或最小化瀏覽器，Swiper 自動播放會停止

我使用CSS為滑動器製作了自動播放進度。當活動類別新增至分頁時，我會執行一個CSS動畫，該動畫的持續時間與滑動器自動播放延遲一樣長。如果您不切換瀏覽器標籤或不最小化瀏覽器，一切都會正常運作。一旦我們切換選項卡，滑動器自動播放就會暫停並導致動畫停止。也許有人知道如何影響它？ importSwiper,{Navigation,Pagination,Autoplay}from'swiper';consth

P粉715274052 2024-02-21 13:37:12

如何判斷滑鼠是否停止懸停在一個元素上？

我想知道滑鼠如何停止懸停在javascript或使用css中的元素上。我正在製作一個動畫，當滑鼠懸停在背景上時，背景會改變顏色，我還想在滑鼠停止懸停在元素上時添加動畫。我怎樣才能做到這一點？

P粉547420474 2024-03-31 13:28:28

如何使用cmd建立自動生成目錄結構

老師好！可以詳解如何使用cmd創建自動生成目錄結構，我是win7 phpstudy整合環境。我做了不行。

风清扬 2019-01-17 13:27:06

如何在不擠壓內容的情況下透過變換對高度進行動畫處理

在我的專案中，當使用者點擊按鈕時，我一直在使用jQueryslideUp()向上滑動200項清單中的元素。但是，眾所周知，CSS高度動畫需要回流，導致動畫不穩定。該動畫是應用程式的一個組成部分，我願意做大量的工作以使其工作並順利工作。我決定CSStransform是讓它順利運作的方法，因為它是在GPU上處理的，在一些現代瀏覽器上，它甚至脫離了主線程，繁重的JS工作不會影響變換。（我確實有繁重的J

P粉208469050 2024-01-01 11:51:20

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

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

P粉674757114 2023-09-10 17:41:45

如何實現錐形漸層動畫的顏色平滑過渡？

我正在製作一個錐形漸變的動畫，但顏色變化不夠平滑我看過各種文章，但無法正確複製它們你可以在這裡找到我的代碼：<style>body{min-height:100vh;display:flex ;align-items:center;justify-content:center;}.pyramid{width:500px;height:500px;background-image:coni

P粉285587590 2023-09-01 16:37:22

CSS連續動畫

我有以下的CSS代碼；問題在於動畫在我想要的方式下工作，但在10秒結束後重置，看起來很醜。理想情況下，我希望有一個無限動畫，而不是重新啟動，而是將圖像包裝起來，當圖像的左側超出畫布時，從右側回來。 @keyframesscrollRight{0%{background-position-x:30%;}100%{background-position-x:130%;}}.onrir{backgroun

P粉928591383 2024-03-20 12:30:42

javascript - Vue 過度鉤子的問題

{程式碼...} 大家複製貼上來執行一下。用官方提供的這個事件 @after-appear 當動畫結束了粗髮。但是控制台印出來的是0，應該印0和1才對。其實我想實現的是當動畫結束了，繼續push上去讓他繼續動畫。

滿天的星座 2017-05-18 10:59:35

如何製作網格佈局擴充的動畫？

我想知道如何為網格佈局的擴展設定動畫。正如你在程式碼中看到的，我有4個div。其中兩個會顯示，另外兩個僅在選取該複選框時才顯示。選中該複選框後，將新增另一行，其中包含div3和div4。我如何使擴展動畫化？最好保持網格的大小。我不希望動畫影響（不存在的）邊距。我也想在沒有JavaScript的情況下做到這一點。可能嗎？ <!DOCTYPEhtml><html><head&

P粉937382230 2023-08-31 21:09:37

圖像振動和動畫不起作用 css

document.addEventListener('scroll',function(){constnavbar=document.querySelector(".nav-bar");constnavbarHeight=10;constdistanceFromTop=Math.abs(document.body.getBoundingClientRectanceFromTop=Math.abs(document.body.getBoundingClientRect().top);if(

P粉513318114 2024-04-02 20:07:39

路由路徑不渲染react.js元件

我正在嘗試使用framer-motion製作一些動畫路徑路由，但元件沒有出現，並且顯然有一個錯誤說無法在routesWithAnimation.js中解析路由Home、Contact和about。 import{useLocation}from"react-router-dom";import{Home}from"./components/Home";impo

P粉713846879 2024-04-04 10:37:17

顯示隱藏的側邊面板：選中

我希望在側面板中有一個導航選單，可以透過動畫漢堡選單切換到視圖。我想僅使用CSS創建它，而不使用任何JS。 :checked偽類似乎是可行的方法，但我無法讓它工作。到目前為止我擁有的程式碼：.site-navigation{z-index:99;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;width:40% ;height:1

P粉647504283 2024-04-06 15:49:33

手機上的按鈕保持焦點或活動狀態，導致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 更新 CSS 自訂屬性比使用元素樣式慢：效能比較

我為vue3創建了一個日曆滑桿，它使用mousemove和touchmove事件來實現滑動動畫，以及執行一些速度動畫的函數。這個專案可以在這裡測試：https://stackblitz.com/github/Der-Alex/vue-calendar-slider?file=src/components/VueCalendarSlider.vue我的第一個想法是使用css自訂屬性-- posx來存儲

P粉235202573 2024-01-07 09:42:03