animate.css

0熱度

1回答

當用戶滾動瀏覽網頁時，如何觸發動畫CSS？是什麼時候v-show =「element」出現的問題，觸發器x？使用Vue的2 +動畫的CSS

2熱度

1回答

如何在navbar-fixed-top中使用fadeInUp（來自animate.css）？

FadeInUp似乎禁用導航欄固定頂部，因爲每當我使用他們兩個我的導航欄滾動頁與當我刪除fadeInUp一切工作正常。我在我的MainApp.jsx中使用animate.css中的fadeInUp propert。我想使用它們兩個，所以有什麼辦法可以解決這個問題。 MainApp.jsx import React from "react" import { render } from "reac

2熱度

1回答

觸發與wowjs和VUE

一個新的動畫事件我有被填充的清單，但一旦達到一定的長度，我想改變動畫類，並從陣列中移除該項目 <ul id="myList"> <li v-for="item in myItems"> // each item will slide in <div class="box wow slideInRight"> <p style="color: black;"

1熱度

1回答

如何使用bounceInDown類保持h2標籤居中？

基本上我有一個居中的h2標籤，但每當我從animate.css中添加bounceInDown類時，它都會使h2中的文本不居中。我需要h2標籤中的文本保持居中，同時仍然使用bounceInDown類。它應該是什麼樣子例如： body { font-family: "Source Sans Pro", sans-serif; color: #ccc; z-

1熱度

2回答

通過mouseover和animate.css動畫元素

是否可以通過mouseover和animate.css來動畫元素？ $(document).ready(function(){ $("p").mouseover(function(){ $("p").css("background-color", "red"); $("#mystyle").animateCss('bounce'); }); $

1熱度

1回答

Animate.css - 動畫開始順利並且朝向最後碰撞

我有一個SPA，當使用Animate.css加載時，內容區域向左淡入。這項工作幾乎適用於除了幾個頁面的所有頁面。這幾個行爲異常的頁面上的動畫開始平滑但在結束時突然完成動畫。

2熱度

2回答

貓頭鷹旋轉木馬的標題與animate.css

我想在貓頭鷹旋轉木馬做標題。我正在使用animate.css。我已將動畫添加到旋轉木馬中的字幕，但它不適用於所有人。只有第一張幻燈片標題有動畫。這是我的代碼; <div class="owl-carousel owl-theme"> <div class="item"><img src="http://placehold.it/900x1200"> <div class="capt

0熱度

1回答

GatsbyJS/ReactJS＆AOS（動畫滾動）造成構建問題

根據GatsbyJS的創建者，這似乎是一個常見問題。以下是GitHub repo上已解決問題的報價：您擁有引用窗口對象的代碼（您自己或您正在使用的模塊）。當服務器呈現，因爲你不在瀏覽器中，所以這個窗口不存在。這是一個相當普遍的問題。解決方法是在componentDidMount中的窗口中運行代碼引用，您可以確定您現在在瀏覽器中。我見過只有少數幾個例子在ReactJS中設置AOS或者在Gatsb

0熱度

2回答

animate.css正在加載頁面時進行動畫製作

我爲我的網站使用了animate.css，並且我使用了一個引導程序輪播滑塊，它在Google上搜索並放置在我的網站上。它的工作正常但之後，我的animate.css不能正常工作意味着HTML頁面中的所有動畫元素在頁面加載時都是動畫效果。例如：我在頁面下使用fadeInRight動畫類，但它不工作時，我要下頁，當我刷新頁面在該特定元素其工作正常。如果你想當您滾動顯示動畫請解決這個 please c

0熱度

1回答

動畫滾動div內的圖像

對於上週我一直試圖找到一種方法來獲得一個div /圖像在滾動div內動畫。我試過wow.js（與animate.css）和aos.js，這兩者都不會在我被告知的容器div內工作。我試過Waypoints並嘗試This Solution並沒有運氣，我開始認爲這是不可能的，但我會喜歡被證明是錯誤的。我想使用animate.css，因爲它有我喜歡的動畫，很容易處理，但如果這不是一個選項，那就這樣吧。