velocity.js

2熱度

1回答

我已在我自己的個人網絡網站中使用velocity.js，但從未在角度應用程序中使用。我不是一個有角度的開發者（但），請耐心等待。我正在關注angular-velocity github page上的自述文件。但是，當我運行我的應用程序時，我收到一個錯誤，我錯過了該模塊。這裏是我的模塊聲明的樣子： var appModule = angular.module('app.module', ['mo

0熱度

1回答

Velocity.js SVG的文本位置動畫

我試圖讓Velocity.js動畫像這樣的SVG文本元素的位置： Velocity(svg.getElementById('projects-title'), { x: '50%', y: '25%' }); 的問題是它的風格屬性改變這些值，而不是屬性本身。因此，不要改變元素的位置。由此產生的元素是： <text x="50%" y="50%" id="proje

1熱度

1回答

SVG動畫效果在屏幕上不斷

我試圖動畫的SVG對象不斷在屏幕上，以這樣的： http://jsfiddle.net/PPVda/ 但是我無法得到它的工作。我的猜測是因爲SVG不支持CSS .animate。所以我試着用velocity.js代替。我已經設法重新定位使用我的SVG： $.Velocity.hook($("#39aa995f-2ba5-4316-9c79-ef5b3d58d63d")[0], "transla

0熱度

2回答

Velocityjs給語法錯誤時CSS 「左」的參數是一個百分比

這工作： Velocity(document.getElementsByClassName('center')[0], { left:50 }, { duration: 1000 }); 這不： Velocity(document.getElementsByClassName('center')[0], { left:50% }, { duration: 1000 }); 有了這個，我得到 Unc

0熱度

1回答

velocity.js持續時間不同時動畫兩個屬性

我想動畫縮放和旋轉的元素（其工作），但縮放動畫是完成旋轉前完成的方式。 div在大約300ms後進行縮放動畫時保持旋轉。我還沒有找到一種語法，其中可以指定單獨屬性的持續時間（我認爲持續時間應該是所有指定的屬性）。下面的代碼，任何提示的讚賞： $('#el').velocity({ rotateZ:[ 1440, 'easeInOut', 0 ], scale:[ 1, 's

0熱度

1回答

使用Velocity.js JavaScript ES6錯誤

我嘗試使用Velocity.js做菜單按鈕動畫。代碼運行良好使用jQuery，但現在我試圖只使用JavaScript ES6來做，而且出現錯誤。我的HTML內容是這樣的一個： <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-w

0熱度

1回答

SVG動畫對象的列表以速度

我有一個SVG，基本上是一個餅圖形狀，具有20片。我想過渡切片的顏色，但每個切片稍微延遲一點（有點像倒數或倒數的時鐘）。我試過jQuery和普通的JavaScript，以及沒有運氣的CSS轉換。我也嘗試過速度，但所有切片仍然同時轉換。這裏是我的代碼： var color1 = "#FF0000"; var slices = $("#s4-pie").find("path")

0熱度

3回答

速度：第一個參數是不是一個屬性映射

我使用的速度做一些動畫（不包括jQuery的），和我有一個問題，我收到以下錯誤： Velocity: First argument ([object HTMLDivElement]) was not a property map, a known action, or a registered redirect. Aborting. 我已經看過其他例子，他們看起來像我這樣做，他們的作品。我爲什麼不

-1熱度

1回答

如何安裝速度動畫？

我處理有關animations.I問題試圖首次使用與velocity.js但沒有按工作動畫！說實話我找不到興田方式如何安裝它。我的意思是localy或使用CDN.If可以通過下面的代碼看，並告訴我什麼是wrong..The jQuery的作品，但速度no..I不能想出來......任何想法？謝謝！ Here is my code

0熱度

1回答

React，TransitionGroup，Velocity.js - 使路由傳遞動畫垂直對齊

我正在使用React TransitionGroup和Velocity來爲路由之間的轉換設置動畫。我想做一個簡單的動畫，其中目標路由組件從左側滑入，並且源路由滑出右側。我現在正在運行該動畫，但它們不會垂直對齊。即新的組件被添加到老的頂部，所以我們得到了下面的截圖。這是我們從編輯導航到預覽的時候。表單標題是編輯的一部分，並作爲預覽進來得到被推到了底部。下面是DOM的樣子作爲動畫正在運行。我敢