イメージを左から表示させる方法

STUDIO Tips

背景色と同じボックスのアニメーションによって、イメージが左から表示されるように見せることができます。

1 イメージを配置します。

2 ボックスをイメージの中に配置します。

3 ボックスをイメージと同じ大きさに合わせ、背景色と同じにする。

4 イメージ内の配置位置を右揃えにすることによって、ボックスの位置が右に寄ります。

5 ボックスの横幅を0pxにします。(0%と設定するとアニメーションが動作しません)

6 「&appear」を選択します。「&appear」はアニメーションのスタート時点での設定を行います。

7 ボックスの横幅を100%、原点を右に設定します。

8 「遅延」と「時間」を設定します。

9 プレビューで確認できれば完成です。

掲載ページをご覧ください

関連記事

特集記事

TOP