css-animations

1熱度

1回答

我爲一個項目創建了這個動畫fidget微調器。 https://jsfiddle.net/e2tt2mao/450/ 現在我只需通過使用CSS關鍵幀旋轉對象。但是我想知道如何讓速度變化更隨機？例如，它以較慢的速度旋轉的時間與以快速旋轉的時間相比較。這裏是旋轉的動畫類型的一個例子，我想：https://68.media.tumblr.com/6b689487196da8bea9d540e203f

0熱度

2回答

Angular App中的index.html中的動畫

當Angular加載應用程序時，我試圖在'App Loading'屏幕中設置淡出效果。但是，我找不到解決辦法。下面是代碼： <div class="container"> <my-app> <div class="loadingComp"> <div class="sk-folding-cube"> <div class="sk-cube1 sk-cube"></

0熱度

1回答

在背景URL更改上觸發動畫

我使用Javascript動態更改div的背景圖像。當圖像出現在div中時，我想要發生灰度到顏色的轉換。但它只發生在第一次，如果我再次更改圖像效果不起作用。如何在後臺url更改時觸發CSS3動畫？我敬而遠之的jQuery就這一個，香草JS只請 .slide { width: 100%; height: 100%; position: fixed; animation: filter-

3熱度

1回答

什麼是離散動畫？

MDN animation documentation指動畫類型爲分立。這是什麼意思？

-1熱度

1回答

使用tile佈局的CSS過渡動畫有可能實現？

我正在嘗試爲現在幾周創建一個特定的解決方案，並且我已經嘗試了很多事情，但我不確定是否有可能實現。我需要你的意見，並指出我正確的做法。下面我想創建：最初有一個tile佈局中的卡一定數量（比如12）被放置在4x3的網格：現在，如果用戶點擊瓷磚（專欄3），狀態更改爲以下幾點：選擇瓷磚擴展等瓷磚對齊得到一個下面的另一個右側：挑戰是我想創建一個轉換從每個瓷磚的初始狀態到每個瓷磚在右邊對齊的狀態。與此

0熱度

1回答

如何將div動畫從外部轉換爲最終位置？

我想使用CSS，jQuery或Velocity.js從瀏覽器窗口的任何一側滑動到最終位置。我想要動畫的所有div都使用Bootstrap放置，我希望動畫從外部從瀏覽器的特定邊開始div，並且它會滑入當前沒有動畫的位置。基本上，divs和整個網站都建立在一切應該在這一刻，我想包括動畫將對象滑動到頁面的主體。我不知道任何jQuery或Velocity動畫，所以隨時提交代碼或小提琴。我搜索了很多不

-4熱度

1回答

CSS：將顏色應用於灰線時的動畫/翻譯效果

簡單問題：我想將最初爲黑色的線塗成綠色。每當我應用綠色時，它會立即應用到線buti希望緩慢從左到右應用綠色。我怎麼能得到這個效果。 <div class="col-md-1 col-sm-1" id="dev_resend_request"> <div class="settingiconblue"> <div class="settingdivblue">

0熱度

1回答

關鍵幀動畫不工作的Safari瀏覽器

我已經使用CSS創建的動畫，是該 .div { \t position:relative; \t width:250px; \t height:150px; \t background-color:gray; } .div:before { content: ""; position: absolute;

0熱度

1回答

背景幻燈片野生動物園

所以我創建了一個網頁幻燈片，和正常工作的Chrome，但出於某種原因，在其Safari瀏覽器只顯示一個漸變背景，但沒有圖像顯示。 #hero-image{ background-size:cover; -webkit-background-size: cover; background-repeat: no-repeat; -moz-animation: s

-2熱度

2回答

CSS動畫，最新的方法是什麼

我抓我的頭，我需要創建這個動畫。我已經介紹了移動單個元素就像這個"missing" video 然而文本，我似乎無法使用關鍵幀親近動畫和翻譯X/Y這樣的： 25% { transform: translate(10px, 10px); } 如何最好重新創建這個動作？