提問搜尋_PHP中文網

社群學習工具庫休閒

繁体中文

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

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

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

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

css - animation顏色變化的問題

這是初始顏色值具體看demo 但是寫上動畫效果後顏色值就變了，這個是什麼原因，怎麼可以讓動畫顏色和初始值顏色一致

世界只因有你 2017-06-28 09:27:36

svg動畫和css3動畫優劣？

RT, 通一個過渡動畫效果哪些情況適合哪一個方案？

曾经蜡笔没有小新 2017-05-16 13:21:17

CSS連續動畫

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

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

反應模態的滑動動畫

我已經在react和css中實現了一個模態，目前，當我打開它時，我已經實現了一個向上滑動的動畫，其中模態從底部向上滑動，但是當我關閉它時我希望它向下滑動，我無法弄清楚如何準確創建向下滑動的動畫，有人可以幫忙嗎？程式碼=>import"./styles.css";importreact,{useState}from"react";exportdefault

P粉514458863 2023-08-30 22:49:29

javascript - 使用animation-defer或 setimeout 來延遲為什麼會造成animation的卡頓，而不使用延遲是很流暢的？

1.使用animation-defer或setimeout 來延遲為什麼會造成animation的卡頓，而不使用延遲是很流暢的,我移動的是一張800k的圖片,他的卡頓不是說一直會卡，比如說下面animation: moveup 0.9s ease-in-out forwards;...

PHP中文网 2017-05-24 11:37:02

javascript - CSS輪播切換動畫

如圖用JS寫的一個動畫，設定了過度效果，就會出現這樣的情況，這中情況JS怎麼更改？ {代碼...}

習慣沉默 2017-06-12 09:33:00

滾動進度動畫

我需要知道如何製作滾動進度動畫。這不是正常的滾動進度，而是不同的東西。我將提供網站的連結以及包含我正在尋找的動畫的特定部分的螢幕截圖。 https://todoist.com/這是網站的連結。我已附上該網站主頁中特定部分的螢幕截圖。捲動頁面時，捲動會在該部分中發生，並且該部分會在其自身內捲動。該部分滾動完成後，繼續正常滾動。我可以看到很多關於滾動進度條的教程，但看不到這種特殊風格的動畫

P粉821808309 2024-03-29 19:36:49

javascript - transition height auto 過渡動畫

1.為什麼收縮時，沒有動畫效果？ 2.代碼 {代碼...} 3.線上Demo(己解決)

大家讲道理 2017-05-16 13:21:31

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

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

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

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

防止CSS動畫在移除類別時停止的方法

我有一個網格。當我從後端收到更新訊息時，我需要在3秒內用橙色突出顯示行。當我收到更新時，我將css類'highlight'添加到我的行中並播放我的動畫。 .highlight{animation-name:highlight;animation-duration:3s;}@keyframeshighlight{0%{background-color:orange;}99.99%{background

P粉412533525 2023-08-29 16:15:06

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

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

迷茫 2017-05-19 10:18:28

載入 Javascript Html CSS 時的數位計數器動畫預載器窗口

我想在我的投資組合網站上建立一個數位計數器動畫。我的舊網站中有一些jquery程式碼，當完全載入時，它們會從預先載入器轉換到網站。 <script>$(window).on('load',()=>{$('#preloader').fadeOut(1800,function(){$(this).remove();});}); </script>如何添加數位計數器動畫並添加側向

P粉523625080 2023-09-11 22:37:54