Segment

JavaScript

SVG pathをアニメーションさせる軽量のスクリプト「Segment」

SegmentはSVG pathをアニメーションさせる軽量のスクリプトです。滑らかなアニメーションでラインを描けます。easingのタイプもいろいろとあるので、アニメーションにこだわりたい人にもよさそうですね。

Segment

デモ

Segment begin、Segment end、Easing functionの値を指定し、Drawをクリックすると、それに応じたSVG pathが描かれます。

ほかにもいくつかオプションが用意されているので、気になる方は、ぜひチェックしてみてください。

Segment

DateTime Pickerレスポンシブでフラットデザインの「DateTime Picker」前のページ

フルページでコンテンツごとにスクロールする「fullPage.js」次のページfullPage.js

関連記事

  1. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  2. TextTailor.js

    JavaScript

    コンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js…

    TextTailor.jsはブラウザ幅に合わせてコンテナ内のテキストの…

  3. Scroll Indicator

    JavaScript

    シンプルなスクロールインジケーターを実装できる「Scroll Indicator」

    Scroll Indicatorは、スクロールによるアニメーションでコ…

  4. miSlider

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  5. no-image
  6. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP