「Youtube」でカメラ関連情報を見てみる

Swellの純正機能を使ってページをふわっと表示させる

swell純正でフェードインアニメーション

今回は、Swellの純正機能を使ってページを開く時に、おしゃれに表示される設定方法を見ていきたいと思います!

たかし

ふわっと、表示されると、コーポレートサイトなどでも上品な印象になるので良いですよね!

しかも、プラグインなどを新規で入れず、純正機能のみでできるため、表示スピードなどにもあまり影響が出ないのも嬉しいですよね!

ぴーちゃん

このサイトでも使っているよ!

まだSwellを購入していないという方はこちらを参考にインストール・購入をしてください

目次

SWELL設定を変更

今回は、Swell設定を変更して、「フェードインアニメーション」がつくようにします。

作業としては、簡単で1分ほどでできるので、この記事を参考にしつつ、ぱぱっとやってもらえればと思います!

実際、SWELLで作成されたホームページはふわっと表示されるアニメーション(フェードインアニメーション)を使用していることが多いですよね!

管理画面のダッシュボードからSWELL設定を開く

すると高速化などの設定が出てくるので、機能停止のタブをクリックして、一つ目の「ページ表示時のアニメーション」を停止するのチェックを外してください。

チェックを外したら、「変更を保存」をクリックし、有効化すれば作業完了です!

アニメーションが機能しているか確認

「変更を保存」を押したら、実際に「フェードインアニメーション」が機能するか確認しましょう!

ふわっとページが表示されるようになり、ヘッダーバーが画面外から下へと出てくるアニメーションが追加されます!

しつこい感じのアニメーションではないので、ちょうど良いおしゃれな印象を与えてくれます!

ぴーちゃん

コーポレートサイトとかにおすすめだよね!!

たかし

さらにアニメーションや動きをつけたい人は、「Blocks Animation」などのプラグインを追加しても良いかもね!

まとめ

今回は、Swellの純正機能を使ってページをふわっと表示させるということで、純正機能を使って負荷なく、おしゃれにページ表示できる方法をお伝えしました!

作業時間としては、1分ほどで、もしアニメーションなしにしたい時も、チェックをつければ良いだけなので一度試してみるのも良いですね!

swell純正でフェードインアニメーション

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次