自身の技術スキルをアニメーションする棒グラフで表示できるjQueryスクリプト・「skills」

Ads

skills

skillsは自身の技術スキルをアニメーションする棒グラフで表現するためのスクリプトです。jQuery依存です。よくある、スクロールに応じてアニメーションしながらグラフが設定値まで伸びる、というもの。アニメーションやスタイルはCSS3で書かれています。色やパーセンテージの設定はカスタムデータ属性にて行います。自己PRページなんかに使われそうですね。尚、animate.cssが使われるのですが、上記デモではcdnを使っています。

skills

タイトルとURLをコピーしました