web-animations

1熱度

2回答

有沒有辦法檢查瀏覽器是否支持webanimation API，這樣我們就不需要加載webanimations polyfill了？ github上的文檔討論Element.animate和Playback Control。我可以在元素上檢查$ 0.animate，但我不確定如何檢查Playback控件。這是檢查我們是否需要polyfill的準確方法嗎？

1熱度

1回答

SVG內部的網頁動畫用作背景圖片時出現故障

我剛剛使用在線服務生成了一個基於SVG的加載指示器，但是每次加載頁面時都會使用它，我從Chrome獲得一條警告，告知我SMIL動畫正在被棄用，這相當令人討厭。爲了擺脫它，我決定考慮用Web動畫替換<animate>標籤。以下是原始SVG： <svg width='200px' height='200px' xmlns="http://www.w3.org/2000/svg" viewBox="0

0熱度

1回答

SVG Textpath - 動畫開始偏移（文字滑下SVG路徑） - 在JS

我怎麼能在動畫的WebAnimation/JS SVG textpath startOffset參數：我要讓文字滑下路徑。（不CSS！）我試過numbers,%,px沒有成功。 <svg id="text-on-path-svg" width="400" height="400" style="border:1px solid #00f"> <path id="myPathforText"

0熱度

1回答

Angular2動畫事件發射器刪除子組件

我有一個與事件發射器一起被刪除的子組件，我想在它的刪除上添加一個動畫。我的想法是動畫從通配符狀態到無效： @Component({ selector: 'content-attendee', styleUrls: ['content-attendee.component.scss'], template: ` <div class="px1 item">

0熱度

1回答

WebAnimations是否支持矢量形狀轉換

我們一直在使用SVG路徑動畫（SMIL），因爲CSS非常有限，現在已經聽說SMIL很快就會從所有瀏覽器中消失。有誰知道WebAnimations是否會支持矢量形狀動畫，而不僅僅是經典的位置/旋轉/比例動畫？

4熱度

1回答

聚合物彎曲運動路徑

由於我根據材質設計指南製作了一些動畫，所以在製作彎曲運動路徑時卡住了。首先，我正在使用Polymer來構建儘可能多的項目。我想實現一個動畫，如this video所示。動畫應該在一個元素的網格上運行，這些元素會在點擊後展開以填充屏幕。這種效果在the following video中顯示得最好。我一直在嘗試一些霓虹燈動畫元素的東西，並沒有找到一種方法來輕鬆做到這一點。我確實發現了關於Web動

1熱度

1回答

Angular4 | Routetransitions - FadeIn/FadeOut

我正在嘗試在Angular 4.0.1的每個路徑轉換中進行淡入/淡出。我已經看到無數的「滑入/滑出」教程，但這些對我來說並不合適。這是我app.component 組件： @Component({ selector: 'app', templateUrl: 'app.component.html', animations: [trigger('RouterAnima

-1熱度

1回答

如何安裝速度動畫？

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

3熱度

3回答

使用鼠標懸停和鼠標移動時避免生澀的動畫

我使用Web Animation API來創建一個簡單的動畫，以便當用戶在target上移動鼠標時，動畫應從左向右開始，當用戶將鼠標從target ，動畫應該顛倒過來，target應該從右向左移動。當前，如果用戶在動畫過程中將鼠標移入/移出，動畫會變得不穩定，並且我沒有平滑的效果。我想知道如何解決這個問題。注意：目前我正在使用Web動畫API。但是在使用CSS關鍵幀動畫時會發生同樣的問題。

0熱度

1回答

網頁動畫API隊列

我有一個動畫，當一部分完成時另一部分開始，它可以是很長的隊列。我把代碼在這裏： https://jsfiddle.net/homa/qub7ejd1/ 正如你可以看到有排隊的，我有這樣的代碼： newMessage('HA HA HA HA ....').onfinish = function() { newMessage('Don\'t tell anybody I am here.