Tokyo Travel Agency movie
制作日 2022年 8月 movie site
Web Site
Study Work
No.003
- 制作時間
- 約 4 時間
- 使用言語
- HTML、CSS、jQuery
- 使用ツール
- VS Code
- ページ構成
- トップページのみ
- 制作内容
-
- ヒーローヘッダー
- top-btn、menu-btnの実装
- 投稿ページ作成
- Movieの配置（pc版のみ）
- レスポンシブデザイン
- 演習目的
- Movie導入練習
- ＼ 制作時のポイント ／
-
CSSのmix-blend-modeプロパティを overlay にしてmovieのコントラストを調整
Movie の配置はPC版のみで、タブレット、スマートフォンでは静止画に差し換え。