2016-09-22 77 views
2

我想潛入我工作的網站的.svg動畫的美妙世界。svg動畫瀏覽器支持

我正在尋找做動畫懸停的圖標。我發現多個教程都可以幫助我,但是,我注意到有很多不同的方法來實現svg動畫。

我可以找到什麼是最支持的方式來動畫svg的信息很少。它是否與一個js庫?動畫標籤? CSS動畫?

一個js庫似乎對我來說是最好的,但我也喜歡使用css的想法。有人能告訴我更多關於這些方法的瀏覽器支持嗎?

+0

在[MDN網站](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate)上有兼容性表 – pol

+0

我認爲這取決於動畫的複雜性。如果它的基礎,則不需要使用大的svg庫。只需使用CSS。如果它相當複雜,那麼看看像Snap,svg.js這樣的庫之一。現在我不會爲動畫標籤而煩惱,因爲在某些地方通常會遇到某些問題,導致某些時間浪費。 – Ian

回答