Mirror Effect

JavaScript

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

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

Mirror Effect

デモ

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

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

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

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

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

Mirror Effect

関連記事

  1. jQlouds

    JavaScript

    ふわふわと流れるアニメーション付きの雲を実装できるjQueryプラグイン「jQlouds」

    jQloudsというjQueryプラグインを使えば、ふわふわした雲を実…

  2. no-image

    JavaScript

    シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」

    jquery-tabはシンプルなタブパネルを実装することができるjQu…

  3. Material ScrollTop Button
  4. Remodal

    JavaScript

    レスポンシブ対応のお洒落なモーダルウィンドウを実装できるjQueryプラグイン「Remodal」

    RemodalというjQueryプラグインを使えば、レスポンシブに対応…

  5. Scrolltab

    JavaScript

    スクロール移動させるタブを追加できるjQueryプラグイン「Scrolltab」

    ScrolltabというjQueryプラグインを使えばスクロール移動さ…

  6. WD_ImageStax

    JavaScript

    山積みされた写真をシャッフルさせるフォトギャラリー「WD_ImageStax」

    WD_ImageStaxは無造作に山積みされた写真をシャッフルさせるフ…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP