Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルなコンテンツスライダーです。ズームアイコンをクリックすると奥からズームしてくる感じでアニメーションされます。見た目はシンプルですが動きはダイナミックですね。
Zoom Slider
Zoom Sliderの実際のデモは以下で確認することができます。
画面下部には前後移動できる左右の矢印アイコンが用意されています。クリックでコンテンツをスライドさせることができます。クイックな動きをするスライドなので、スピード感を出したい時なんかによさそうですね。
また、矢印アイコンの間にある虫眼鏡のアイコンをクリックすると詳細ページへズームされます。奥からグワーンとズームしてきます。戻る時はこれとは逆のアニメーションで元の状態に戻ります。
フルスクリーンを活用したアニメーションはとても見応えがありますね。
ダイナミックなズーム機能を搭載したコンテンツスライダーを実装したい方は是非チェックしてみてください。
Zoom Sliderのダウンロードや詳しい使い方に関しては以下からどうぞ。
