CSS 雙過渡輸入輸出呈現奇怪

[英]CSS double transition in-out renders strangely

我正在嘗試在我的 React 應用程序中呈現漂亮的頁面轉換。 我選擇了簡單的淡入/淡出過渡，它們非常適合隨機頁面。 但碰巧有些頁面完全相同（只是文本更改），在這種情況下，過渡不是很好（具體示例請參見下面的代碼筆）。 我理解數學的方式，如果我有兩層，比方說 A 和 B，A 的線性淡出開始於 B 的類似 ...

如何使用 ffmpeg 多次連接一個 mp3 文件（包括交叉淡入淡出）？

[英]How can I concat one single mp3 file many times (crossfades included) using ffmpeg?

我嘗試使用（一個）ffmpeg 命令制作一個 bash 文件，其中單個 mp3 文件（假設持續時間為兩分鍾）將延長到例如 8 小時持續時間。 由於 mp3 文件的前后總是有這些靜音間隙，為了使其無縫循環，我需要使用交叉淡入淡出。 如果沒有一個巨大的命令，我怎么能做到這一點： ffmpeg -i ...

ffmpeg - 視頻部分的無縫交叉漸變循環

[英]ffmpeg - seamless crossfade loop for the part of video

我需要將淡入淡出應用到具有前 X 幀的視頻的最后 X 幀以獲得無縫循環，但將其用於視頻的必要部分。 這是循環播放整個視頻的答案。 目前我所擁有的：（整個視頻持續時間 = 25。剪切（結果）部分 = 15 秒（從 5 秒到 20 秒位置）。過渡 = 1 秒。） 在這種情況下，一切正常，但在生成的視頻 ...

如何解決 hover 上的彈出問題？

[英]How to fix popping on hover?

希望你們一切都好。 如何修復圖像 hover 上的彈出問題？ 我需要它慢慢地 go 大。 如您所見，大圖像逐漸消失。 我附上了一個很好的例子來更多地解釋這一點。 任何幫助將不勝感激。 謝謝美味 /*............ right-column............*/.right-col ...

使用 ffmpeg 和 xfade 過濾器合並多個視頻文件

[英]Merging multiple video files with ffmpeg and xfade filter

我需要將多個視頻文件（包含音頻）合並到一個視頻中。 我注意到最近發布並使用了 xfade，但我遇到了音頻同步問題。 所有視頻的視頻和音頻都采用相同的格式/分辨率/聲望和比特率/等。 這是我用來合並 5 個具有 0.5 個淡入淡出過渡的不同持續時間的視頻： 上面的代碼生成一個帶音頻的視頻。 第 ...

什么是在 android 中實現交叉淡入淡出 animation 到 TextView 而沒有相對布局可見性更改的最佳解決方案

[英]What is the best solution to implement Cross-Fade animation to a TextView in android without relative layout visibility change

我目前的實現如下，它工作正常。 在這里，我在 RelativeLayout 中使用了 2 個 TextView。 這是在相對布局的幫助下完成的。 這是用於進行可見性更改的布局部分。 但它不是一個平滑的 animation。 我相信有經驗的人會提供更好的解決方案。 ...

使用兩個 TextView 在 RecyclerView 中交叉淡入 Animation

[英]Crossfade Animation in RecyclerView with two TextViews

我正在嘗試在 RecyclerView 項目中實現交叉淡入淡出 animation。 有兩個文本視圖將依次顯示，交叉淡入淡出 animation。 就像 1000ms 顯示 TextViewOne -> 500ms 交叉淡入淡出到 TextViewTwo -> 1000ms 顯示 Te ...

交叉淡入淡出的圖像庫，其中留下3張圖像

[英]cross-fade gallery of images with 3 images left to it

我有一個如下所示的小提琴，其中在位置4（圖片4，圖片5，圖片6）處 ，我希望圖像發生淡入淡出（淡入/淡出）畫廊。 目前，該位置僅顯示圖片6 。 https://jsfiddle.net/k0vzthne/embedded/result 這是我在小提琴中使用的CSS代碼。 目前，我 ...

如何在css中使用@keyframes交叉淡入淡出圖像庫？

[英]How to use @keyframes for cross-fade gallery of images in css?

我有一個小提琴（小提琴 A） ，其中 2 個圖像（2 個圖塊）的圖像交叉淡入淡出畫廊。 這是我使用過的 html/css 片段。 這是我為上述 html 使用了 2 個圖像（2 個圖塊）的 @keyframes： 當有2 個圖塊（2 個圖像）時， Fiddle A 中的上述 css-anim ...

如何創建交叉淡入淡出，以便我可以使用 javascript 調用 css 中的關鍵幀？

[英]How do i create a cross fading so i can use javascript to call the keyframes in the css?

我正在嘗試在 html 中為我的照片創建淡入淡出效果。 顯示圖像時如何將css中的關鍵幀調用到javascript？ 我必須使用 javascript 作為幻燈片放映要求的一部分 好像我必須插入 .classlist.add ？ var slideIndex = 0; showSl ...

如何使用ffmpeg重疊和合並多個音頻文件？

[英]How to overlap and merge multiple audio files using ffmpeg?

我正在嘗試將多個音頻文件合並到一個文件中，而不是將其串聯，可以使用以下命令： 盡管此命令可以很好地進行串聯，但我想重疊一下，例如第一個文件末尾的最后100ms和下一個文件開始的100ms。 我現在正在嘗試使用ffmpeg提供的'acrossfade'過濾器，但是我沒有成功。 ...

為什么此CSS @keyframes規則不交叉漸變？

[英]Why is this CSS @keyframes rule not cross-fading?

我正在嘗試創建一個非常簡單的幻燈片，在每個圖像之間進行淡入淡出。 問題在於圖像在下一張圖像開始淡入之前逐漸消失。 我希望每張圖像淡入淡出1秒鍾，再保持10秒鍾，然后淡出淡出1秒鍾-總計12秒鍾。 @關鍵幀是通過將動畫持續時間除以100得出的，每秒得出1.81％。 動畫延遲為1 ...

如何在多個圖像上添加內容？

[英]How to add content over multiple images?

我有一個網頁，其中使用css淡入淡出動畫在兩個背景圖像之間淡入淡出。 現在，我需要在兩個圖像上方添加相同的內容（徽標和按鈕）。 但是，此內容僅對第一個圖像可見，而對第二個圖像不可見。 這是我的代碼： index.html style.css 我已經筋疲力盡了，試圖找 ...

jQuery帶有背景img的淡入淡出圖像

[英]JQuery Crossfading Images with background img

我在嘗試用圖像淡化幻燈片時遇到一些麻煩。 這些圖像由background-img屬性顯示。 當我使用.fadeOut（）和.fadeIn（）函數時，在顯示下一幅圖像之前，該圖像首先不顯示任何內容。 我試圖用.load（）函數解決這個問題，但是那似乎沒有用。 這是我的代碼： ...

如何在.js幻燈片中交叉淡化圖像

[英]How to crossfade images in .js slideshow

這是我的幻燈片div： 的CSS： 和javascript： 現在我希望它淡入淡出，目前它只是非常突然地切換圖像，但我希望它平滑。 有什么幫助嗎？ ...

在Unity中浮動文本

[英]Floating texts in Unity

我的2D平台游戲級別在地圖上放置了寶箱，當收集胸部時我需要顯示一條消息。 消息包含在List<string>並且在收集寶藏時逐個顯示它們。 這些消息將顯示在UI> Text gameObject中，該對象錨定在畫布的頂部中心。 我想通過更新此游戲對象的文本組件，在收集寶藏 ...

ffmpeg淡入淡出2張1080p圖片

[英]ffmpeg cross fade 2 pictures in 1080p

我使用此命令淡出2張圖片，它可以完美地用於1024×768測試圖片。 但是使用我的原始圖片1920×1080時，會出現此錯誤： [Parsed_blend_0 @ 0x97c8240] First input link top parameters (size 1920x1080, ...

使用ffmpeg在兩個音頻文件之間淡入淡出？

[英]Crossfading between two audio files with ffmpeg?

我有兩個 mp3 文件，想將它們連接成一個新文件。 但是，我只想要每個文件的一部分，我想在兩者之間創建一個交叉淡入淡出。 例如，我想要 a.mp3 的前 3 分鍾，然后在 5 秒內從 1:20 分鍾標記（在 b.mp3 內）開始淡入到 b.mp3。 這是我想要的時間線說明： 因此，生成的文件 ...

如何在flexbox容器中淡化圖像？

[英]How can I crossfade images inside a flexbox container?

要使用CSS淡入淡出兩個圖像，我們通常會執行以下操作（假定CSS中存在過渡的跨瀏覽器兼容性） #crossfade img { position: absolute; left: 0; width: 200px; transition: opacity 1s ease-in-ou ...

交叉淡化2張具有0.7不透明度的圖像

[英]Crossfading 2 images with 0.7 opacity

我有兩張彼此疊放的圖片，如果將鼠標懸停在上面，它將在1秒后從opacity:1變為opacity:0 。 我希望它們的opacity:0.7為默認值opacity:0.7 ，然后，將鼠標懸停在另一個時，應顯示它。 我遇到的問題是，兩個圖像現在都顯示為opacity:0.7 ，因為顯然 ...