ページスクロール時のアニメーション

アニメーション効果を追加してサイトをもっと動的にしましょう。サイトエディタの左編集パネルより「スタイル」をクリックします。

編集パネルの一番下「アニメーション」をクリックします。

ページスクロール

ページスクロールのアニメーションは、ページのスクロールする際に、どのようにページコンテンツを表示するか決定できます。例えば、「スライドイン」では以下のように表示されます。

slide_in.gif

背景

背景アニメーションは、ページをスクロールする際にどのように背景が現れるかを決定できます。例えば「パララックス」では、最前面のコンテンツとは異なるスピードでスクロールされます。以下のように表示されます。

parallax.gif

 

 

注意:

  • ページスクロールのアニメーションは、「テキスト+ボタンスライダー」と「バナー画像スライダー」のセクションには適用されません。
  • ぺじスクロールのアニメーションは、背景にビデオがあるセクションには適用されません。
  • サイトに背景画像が全くない場合には、背景アニメーションのオプションは表示されません。
  • 「固定」と「パララックス」は、ほとんどのモバイルブラウザでサポートされていないため、この2つのアニメーションは、スマホなどモバイルブラウザでは無効となります。モバイルでサイトに訪れた人へは、アニメーション効果が表示されません。

 

マウスオーバー時のリンク画像

マウスオーバー時のリンク画像アニメーションは、リンク付きの画像やギャラリーの画像上にマウスを持ってきた時の効果を決定します。例えば「ズームイン」では以下のように表示されます。

 

zoom-in-gallery.gif

 

アニメーション効果を確認するには、「プレビュー」をクリックください。編集が終わったら、サイトを「公開」ください。

注意:ブログの投稿ではアニメーション効果は無効となります。この効果を利用せず集中した環境を読者に与えます。

 ご不明な点があればsupport@strikingly.com までメールまたはchat(英語のみ)でご連絡ください!

 
この記事は役に立ちましたか?
3人中3人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください