Tokyo Travel Agency -SlideBox-
制作日 2022年 10月 animation site
Web Site
Original Work
No.002
- 制作時間
- 約 3 h
- 使用言語
- HTML、CSS、jQuery
- 使用ツール
- VS Code、Photoshop
- ページ構成
- トップページのみ
- 制作内容
-
- ヒーローヘッダー
- keyframeアニメーション
- トップボタンの実装
- レスポンシブデザイン
- 使用画像の選定・調整
- ターゲット
- 20代〜50代女性
- ＼ 制作時のポイント ／
-
CSSの「@keyframes」で、opacityとtranslateを調整して fade-in、 fade-out で画像を入れ替え。