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. Tendina

    JavaScript

    簡単で素早くドロップダウンメニューを実装できるjQueryプラグイン「Tendina」

    TendinaというjQueryプラグインを使えば、とても簡単で素早く…

  2. JavaScript

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  3. Magnific Popup

    JavaScript

    レスポンシブに対応したLightbox風のjQueryプラグイン「Magnific Popup」

    レスポンシブに対応したLightbox風のjQueryプラグイン「Ma…

  4. no-image

    JavaScript

    オーバーレイによるシンプルなアラートを実装できるjQueryプラグイン「simplert」

    simplertはオーバーレイによるシンプルで美しいアラートを実装する…

  5. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  6. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP