0

ポートフォリオ Web サイトを構築していて、各スキルを表すアニメーションの円形バーを備えたスキル セット ページを実装したいと考えています。ユーザーがホバーすると円の周りに6つのボタンがあり、ホバーすると円形のバーが反時計回りにアニメーション化されます。

デモンストレーションのためにフォトショップで簡単な .gif を作成しましたが、役立つチュートリアルが見つかりません。

上部の左側に同様の概念を備えたこの Web サイトを見つけました。これは、アニメーション化された円グラフです - Web サイトの例

そして、これは、私が達成しようとしていることのフォトショップで行った簡単な .gif モックアップです - Animated Circular Bar Animation

4

1 に答える 1

2

The Website you linked to did its animation with a HTML5 canvas element, which has a good support in modern Browsers.

You can find good documentation on MDN with a nice tutorial.

Another alternative might be Raphaël which has support even for older Browsers and it might be simpler to use. Check out this example.

于 2012-06-09T22:51:26.120 に答える