Mirror Effect

JavaScript

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

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

Mirror Effect

デモ

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

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

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

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

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

Mirror Effect

Notyfシンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」前のページ

シンプルでお洒落なアニメーションつき天気予報「Animated Weather Cards」次のページAnimated Weather Cards

関連記事

  1. PWS Tabs jQuery Plugin
  2. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  4. VenoBox

    JavaScript

    画像・Google マップ・YouTubeなどを埋め込めるLightbox風jQueryプラグイン「…

    VenoBoxは色んなコンテンツを埋め込めるLightbox風jQue…

  5. VintageTxt

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

  6. Typed.js

    JavaScript

    プログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」

    Typed.jsは、プログラムを入力するように文字をタイプしてくれるエ…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP