拡張画像ブロックの使い方

LP Creatorでは画像ブロックを拡張して、スタイルやアニメーション効果を追加できるようになっています。

スタイルを追加する

デフォルトでは角丸スタイルしかありませんが、LP Creatorではスタイルを追加しています。

まずは左パネルから「メディア」にある「画像」のブロックを追加します。

画像をアップロードすると右パネルにスタイルが表示されますので、お好きなスタイルを選択します。

アニメーションを追加する

追加した画像にアニメーションが追加できます。

ホバーアニメーション効果を追加する

カーソルが画像の上に乗った時(スマホの場合はタップした時)の効果を追加できます。

画像ブロックを選択し、右パネルから下にスクロールすると以下のhoverエフェクトがありますので、エフェクトを有効化のトグルをオンにします。

拡大、縮小、ぼかし、グレースケールやセピアなどに変化させます。
効果の強度の調整や、初期表示とホバー時の表示を逆にしたり、変化スピードも調整が可能です。

フェードイン効果を追加する

画像が画面に表示される時のアニメーションが追加できます。

画像ブロックを選択し、右パネルから下にスクロールすると「アニメーション設定」があります。

アニメーションを設定すると、リンク先に拡大表示(Lightbox)を指定している場合に 正しく動作しないことがあります。必要に応じて「ボックス」ブロックで画像をラップして 「ボックス」でアニメーションをご利用ください。