画像が右から左に無限スクロールするアニメーション

デモ

仕様

大学のオープンキャンパスの資料請求LPで使用された、右から左に無限スクロールするアニメーションのデモです。実際のサイトでは、舞台をイメージしたデザインで、カーテンの画像が両端に配置され、生徒さんの舞台での演劇の画像がカーテンからカーテンへと流れるようになっています。

モーダル

クライアント様から作成してほしいとのご依頼があったスライダーです。PC幅ではモーダルスライダー、スマートフォン幅では通常のスライダーとなっています。

フェードイン

cssのみで作成できるメインビジュアルのフェードインスライドアニメーションのデモページです。

管理画面から変更

この記事ではHTML知識が不要な方でもカスタム投稿タイプの個別ページにスライダーを設置し、管理画面から画像変更できるようにした実務経験について書いています。