Animated Intro With jQuery

JavaScript

プログレスバーつきのカッコいいイントロページを実装する「Animated Intro With jQuery」

シンプルなアニメーションがとてもカッコいいイントロページを実装する「Animated Intro With jQuery」をご紹介します。プログレスバーつきで、バーがマックスになると別のアニメーションページに切り替わります。

Animated Intro With jQuery

Animated Intro With jQuery

ページを読み込むとプログレスバーやオシャレなアニメーションとともにイントロページが表示されます。フェード、スライド、ズームなどといったアニメーションを組み合わせながらページが切り替わっていきます。

全体的にスッキリしたデザインにまとまっている感じなので、シンプルなWebサイトなどと相性がよさそうですね。もちろん、応用次第でいろんなWebサイトに活用できると思います。

余計な装飾もなく洗練されたシンプルなアニメーションによるプログレスバーつきのイントロページを実装したいという人は、ぜひ「Animated Intro With jQuery」をチェックしてみてはいかがでしょうか?

ページを読み込んだときの注目度アップにもつながりそうですね。

Tilt Hover Effectsホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」前のページ

レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo」次のページEasyFader Plugin Demo

関連記事

  1. jQuery PieTimer

    JavaScript

    時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」

    jQuery PieTimerは時間の経過とともに円形のデザインが欠け…

  2. no-image

    JavaScript

    HTML要素を回転させれる「jquery-ui-rotatable」

    jquery-ui-rotatableはHTML要素を回転させれるjQ…

  3. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

  4. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

  5. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

  6. okzoom

    JavaScript

    レンズで拡大するように画像の細部をマウスオーバーでズームできる「okzoom」

    okzoomは画像細部をマウスオーバーでズームすることができるjQue…

最近の記事

  1. Anker PowerPort 5-in-1 37.5W Hub
  2. α7C + FE28-60mm F4-5.6
  3. Apple Watch Series 6
  4. iPad Air

アーカイブ

PAGE TOP