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

iPhone 7で4K動画撮影の設定方法iPhone 7で4K動画(4K/30 fps)を撮影するための設定方法前のページ

iPhoneのメール末尾につく「iPhoneから送信」を削除する設定方法次のページ「iPhoneから送信」を削除する設定方法

最近の記事

  1. 桜
  2. ハニーコム
  3. ブリーズライト
  4. ペタコロ
  5. ジェットウォッシャー
PAGE TOP