高度なヒーローセクションの作成

高度なアニメーションが付与されているヒーローセクションを作成していきます。

まずは見た目を作成して、後からアニメーションを付けていきます。

オシャレなアニメーションの土台になる部分なので、しっかりと理解しましょう。

ヒーローセクション

高度なLPのヒーローセクション(メインビジュアル)を作成していきます。

サイトを訪れたとき一番最初に見える大事なセクションです。

ヒーローセクション下部

このレッスンでは、高度なLPのヒーローセクション下部を作成していきます。

へーローセクションにスマホ画像設置

このレッスンでは、ヒーローセクションにスマホの画像を設置する実装を行います。

一見難しそうに見えますが、どうやって作られているか構造がわかるとシンプルだということに気がつきます。

LightBoxの設置

このレッスンでは、Lightboxの設置方法について説明します。

Webflowが用意しているLightBoxを使うので、とても簡単に実装することが出来ます。

LightBoxの基本的な使い方は以下のYouTube動画でも説明していますので、ご覧ください。