圓形透露與css動畫

Question

我會創建一個簡單的循環顯示動畫與CSS（或最終與Angularjs，因爲我在我的webapp中使用它）。我想要的是在Android中使用的圓形顯示動畫。我發現的唯一例子是聚合物樣品：https://elements.polymer-project.org/elements/neon-animation?view=demo:demo/index.html&active=neon-animated-pages點擊「卡片」樣品，然後點擊「角度」。但是在我的應用中包含這一個太複雜了。我希望能夠以更簡單的方式只用css或ng-animation來做同樣的事情。任何人都可以幫助我？謝謝

Answer 1

我喜歡這樣做的方式是使用Web動畫API。你應該使用polyfill來支持ie8。我知道你可能想回避JS，但這可能是最好的方式。這個鏈接應該可以幫助你：https://codelabs.developers.google.com/codelabs/web-animations-transitions-playbackcontrol/index.html?index=..%2F..%2Findex#0這是一個來自I/O Google的代碼實驗，它應該可以幫助你