提問搜尋_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

滾動進度動畫

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

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

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

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

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

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

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 - css動畫的幾點問題？

看了一篇文章http://blog.csdn.net/ClaireKe... 關於reflow和repaint的。有幾點疑惑： 1.瀏覽器機制裡，刷新這個操作肯定是會 reflow（回流）和repaint（重繪）的？ 2.如果頁麵包含了css動畫，諸如`div { {代碼...

为情所困 2017-05-18 10:49:05

svg動畫和css3動畫優劣？

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

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

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

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

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

反應模態的滑動動畫

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

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

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

我正在製作一個錐形漸變的動畫，但顏色變化不夠平滑我看過各種文章，但無法正確複製它們你可以在這裡找到我的代碼：<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

javascript - 發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了

發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了，再展開標籤頁時動畫才繼續播放。我是用背景圖移動達到運動的效果的，是不是跟這個原因有關？

给我你的怀抱 2017-06-30 09:52:30

實作Vue載入動畫，同時從URL載入圖片

當圖片載入時，我想要顯示一個載入動畫，但是我不知道如何實現。雖然我進行了調試，並在控制台輸出了"true"和"false"，但是加載動畫仍然沒有顯示出來。 //// ERROR {{currentCountKing}} / {{ALL_FILMS.length-1}} {{firstFilm.title}} {{secondFilm.title}} Побед

P粉021854777 2023-08-03 18:04:16

html5 - 如何利用Canvas技術製作出上下跳動的音樂光譜

想問一下，如何利用canvas技術製作出上下跳動的音樂譜就是類似於這張圖片一樣的，簡單的可以上下跳動的效果！

PHPz 2017-05-16 13:21:58

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

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

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

javascript - 兩個swiper進行嵌套外層swiper動畫初始的時候，動畫元素被隱藏不顯示

初始狀態滑動到第二頁再劃回來動畫元素出現，動畫正常播放 JS 程式碼

我想大声告诉你 2017-05-19 10:32:28

javascript - 請問如何讓構件依時間轉動(動畫)？

請問有辦法讓一個構件在畫面上一直像動畫一樣轉動嗎？ Autodesk Forge 微信討論群組 – pochao 提問

phpcn_u1582 2017-05-19 10:09:55

javascript - jquery如何讓一個animate動畫停止

有這麼兩個方法，執行turnRight方法控制盒子右移，執行turnLeft控制盒子左移，盒子預設是在右邊的。 {程式碼...} 在turnRight方法中，animate動畫方法我加了一個回呼函數用來執行console.log("end")，現在有個問...

某草草 2017-05-16 13:43:21

選擇事件改變時，CSS動畫觸發對應效果

我正在嘗試製作一個React應用程序，現在我有一個選擇輸入框，裡面有一些寶可夢，我需要做的是每當選擇改變（即寶可夢改變）時，寶可夢精靈會進行一個小的搖晃動畫。目前我只有一個改變的精靈和一個在選擇值改變時播放的音訊。我該如何實現這個功能？我已經嘗試使用的onChange和styled-components來改變它的樣式，但無法使其工作，動畫只在頁面加載時觸發。這是我目前的程式碼：Select.ts：i

P粉200138510 2024-04-01 09:16:28

javascript - transition height auto 過渡動畫

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

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

降低捲動背景影像的不透明度，限制最小不透明度

我試圖讓背景圖像減少滾動時的不透明度，一旦離開登陸頁面，使用vanillajavascript將其降至最低0.5。我嘗試在滾動函數中添加Math.max()使其僅降至0.5，但它會導致所有頁面的圖像保持在0.5。我希望目標網頁的不透明度始終為1，而所有其他頁面的透明度為0.5。我能夠製作滾動動畫，但需要它停在0.5。 constlandingHeight=document.getElementByI

P粉166675898 2024-04-04 23:50:53