0

我正在建立一个投资组合网站，并希望实现一个技能集页面，其中包含一个动画圆形条，代表我的每项技能。当用户将鼠标悬停在圆圈周围时，将有 6 个按钮，当一个按钮悬停时，我想要一个圆形条逆时针设置动画。

我在 Photoshop 中制作了一个快速的 .gif 来演示但我找不到任何教程来帮助。

我发现这个网站在顶部左侧有一个类似的概念，一个动画饼图 -网站示例

这是一个快速的 .gif 模型，我在 Photoshop 中完成了我想要实现的目标 -动画圆条动画

4

1 回答 1

2

您链接到的网站使用 HTML5 元素制作动画，该元素在现代浏览器canvas中有很好的支持。

你可以在 MDN上找到很好的文档和一个很好的教程。

另一种选择可能是Raphaël，它甚至支持较旧的浏览器，并且使用起来可能更简单。看看这个例子。

于 2012-06-09T22:51:26.120 回答