Mirror Effect

JavaScript

ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

Mirror EffectはWebサイト内でかっこいいミラーエフェクトによるスライドショーを実装できるのが特徴です。画像を反転させてミラーに映っているかのようなエフェクトをWebサイト内に取り入れたい人にはとても参考になるはずです。

Mirror Effect

デモ

デモページを読み込むと、中央から画像が左右にスライド表示されます。オリジナルの画像とそれを反転した画像が表示され、とてもかっこいいミラーエフェクトを確認できます。

PC版では画面右下にコンテンツメニューが表示され、各メニュー項目をクリックすると、それに応じたコンテンツがアニメーション付きで表示されます。

モバイル版では、メニューが画面上部に切り替わります。パソコン、スマホ、タブレットなど、さまざまなデバイスで見やすいのがいいですね。

また、デモはDemo 1、Demo 2、Demo 3と、全部で3種類のデモが用意されています。いくつかパターンがあるので、気になる人はぜひ他のデモもチェックしてみてはいかがでしょうか?

というわけで、ミラーエフェクトを活用したかっこいいスライドショーを実装できる「Mirror Effect」のご紹介でした。

Mirror Effect

関連記事

  1. NO IMAGE
  2. jLetter

    JavaScript

    テキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」

    シンプルでちょっと目を引かせたいところなんかによさそうだったので使って…

  3. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

  4. HR Navigation Responsive Menu
  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  6. JavaScript

    軽量(5KB)で機能も色々あるjQueryのスライダー「MobilySlider」を使ってみる

    軽量なんですが、色々と機能もあるいい感じのjQueryプラグイン「Mo…

最近の記事

  1. フェルメール展
  2. 上島珈琲店 No.11
  3. 銀座トリコロール

アーカイブ

PAGE TOP