画像が常に3D回転しながら表示されるスライドショー

MATEREATE INFORMATION

全てCSSのみで実装!!CSSアニメーションを使用した3D回転しながら、スライドショーをするWeb素材です。jQueryは使用しておらず、WebパフォーマンスにもSEOにも優しい素材となっております。アクセントの効いたスライドショーを実装したい方はぜひご利用ください。

素材の詳細

パソコン画面でのスライドショーのイメージ
パソコン画面での表示

上の画像のように真ん中の縦軸を中心に画像が回転しつづけます。最後まで画像表示を終えたら、また最初からスライドショーをスタートします。

スマホ画面でのスライドショーのイメージ
スマホ画面での表示

スマホ画面でもレイアウトをあまり崩すことなく、スライドショーを表示できます。画像を多く扱うような場合にはサクッと閲覧できるので効果ありかも!?