Tokyo Travel Agency -SlideBox-
制作日 2022年 10月 animation site
Web Site
Original Work
No.003
- 制作時間
- 約 6 h
- 使用言語
- HTML、CSS、jQuery
- 使用ツール
- VS Code、Photoshop
- ページ構成
- トップページのみ
- 制作内容
-
- ヒーローヘッダー
- keyframeアニメーション
- トップボタンの実装
- レスポンシブデザイン
- 使用画像の選定・調整
- ターゲット
- 20代〜50代男性・女性
- ＼ 制作時のポイント ／
-
CSSの「@keyframes」で、アニメーションを随所に作成。 first-viewにスクロールを促す「下向き矢印」のアニメーションを実装。
background-attachemnt:fixed;を使って、パララックスページを作成し、奥行き感を演出。（視差効果）