Q

翻轉時的動畫/響應/實時圖標。例如給予

2013-05-20 55 views 0 likes

0

我試圖找出如何重新創建這裏的圖標的效果：翻轉時的動畫/響應/實時圖標。例如給予

https://designmodo.com/flat/

特別是與可移動鏡片的視網膜顯示圖標。

但是，在試圖尋找解決方案/教程的2天后，我仍然無法找到類似的東西。

我查看了JS解決方案以及HTML5 Canvas。也許我一直在尋找錯誤的地方或錯誤的搜索條件。

任何人都可以指向正確的方向嗎？

乾杯瑞安

2013-05-20 Ryan W Kan

A

回答

2

他們使用SVG圖像（與PNG後備舊版本瀏覽器）和動畫使用JS和CSS在SVG某些路徑。這裏的技術http://css-tricks.com/using-svg/

2013-05-20 02:36:54 thefrontender

+0

的

說明這是30分鐘的工作或6小時工作嗎？你知道任何圖書館很容易嗎？從我從svg.js或raphael.js收集的內容以及我的理解有限，感覺每個人都需要幾個小時的動畫。詢問的理由是，如果它已經存在，我就沒有興趣重新發明輪子，有點像使用Wordpress編程自己的博客框架。 –

+0

完全取決於圖像的複雜程度和技能/經驗水平。我過去使用過Raphael.js;肯定比嘗試用原始JavaScript推動東西快，但它仍然有助於有良好的SVG出口開始。對於可能有幫助的軟件，看看http://graphicdesign.stackexchange.com/questions/1405/tool-to-create-animated-svgs – thefrontender

+0

太棒了！隊友的歡呼聲！ –

相關問題