Body Make

パーソナルジムのコーポレートサイトです。 制作課題をデザインカンプからコーディングしました。

●所要時間:約15時間

【javascript】

・軽量で柔軟性が高いスライダー/カルーセルライブラリ、Splideを使用

・スクロール後、headerが現れる挙動

・trainerカテゴリーのタブ切り替え機能

・FAQカテゴリーの、QをクリックしたらAが現れる挙動

【学んだこと】

・ファーストビューのアニメーションテキスト

・波型の背景

・brにクラスを付与して、displayプロパティを使用してpcサイズでは、改行させるような設定

【「無料コーディング練習所」様に掲載のデザインカンプよりコーディングしました】

https://webdesigner-go.com/coding-practice

  • HTML5
  • CSS3
  • JavaScript
  • sass
  • splide
  • vscode
トップへ戻るボタンです。

©2024 tomoko.web