翻转时的动画/响应/实时图标。给出的例子

时间:2013-05-20 02:19:34

标签: javascript html5 html5-canvas jquery-svg

我正在尝试找出如何在这里重新创建图标的效果:

https://designmodo.com/flat/

特别是带有可移动镜头的视网膜显示图标。

然而,在尝试寻找解决方案/教程2天后,我仍然找不到类似的东西。

我研究过JS解决方案以及HTML5 Canvas。也许我一直在寻找错误的地方或错误的搜索条件。

有人能指出我正确的方向吗?

干杯 莱恩

1 个答案:

答案 0 :(得分:2)

他们正在使用SVG图像(旧版浏览器使用PNG后备版),并使用JS和CSS为SVG中的某些路径设置动画。

这里的技术说明http://css-tricks.com/using-svg/