Line Maker

JavaScript

アニメーションするラインを実装できる「Line Maker」

Line Makerは、いろんなアニメーションをするラインを実装することができるプラグインです。水平・垂直方向はもちろん、カラーや太さなどカスタマイズすることでさまざまなラインを表現できるのがいいですね。

Line Maker

デモ

Demo 1〜Demo 6まで、全部で6種類のデモが用意されています。Demo 1では、いくつかボタンが設置されていて、クリックすることで各ボタンに応じたアニメーションが実行されます。

ボタンは、Hide Lines、Show Lines、Animate Lines Out、Animate Lines In、Create Random Line、Create And Animate、Remove Linesの7タイプがあります。

ラインの表示や非表示、追加や削減などといった動作を確認できるようになっています。

また、そのほかのデモでは、細いラインでグリッドされたものやクールなアニメーションによるもの、滑らかな垂直アニメーションなど本格的に実装されたデモを確認できるので、気になる人はぜひ見てみてください。

かっこいいオシャレなラインのアニメーションをサイトで使いたいというときに、覚えておきたいですね。

Line Maker

関連記事

  1. Before and after slider
  2. Diagonal Slider

    JavaScript

    斜めにデザインされたスタイリッシュなjQueryイメージスライダー「Diagonal Slider」…

    Diagonal Sliderは斜めにデザインされたクールでスタイリッ…

  3. Image Lightbox
  4. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  5. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

  6. no-image

    JavaScript

    ウィークデイ(週)のオプションを作成できる「jquery-weekdays」

    jquery-weekdaysはウィークデイ(週)のオプションを作成で…

最近の記事

  1. SOL001
  2. 末廣ラーメン
  3. ナッティホワイトチョコレートフラペチーノ

アーカイブ

PAGE TOP