【WordPress】ページ移動にCSS3アニメーションを追加。Page Transition

pt_s
Page TransitionはCSS3のアニメーションを使用して、ページ移動の時にアニメーションを追加するための簡単なプラグインです。設定ではページイン、ページアウトで違うアニメーションを設定することもできます。

Page Transitionプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Page Transitionを検索
有効化にすると設定にPage Transitionが追加されます。

pt_1
上記はPage Transition Settings画面です。

Page In Animation ページインアニメーション
Page Out Animation ページアウトアニメーション
Page In Animation Duration ページインアニメーションの再生時間
Page Out Animation Duration ページアウトアニメーションの再生時間
Show Loading ローディング
Loading Text Color 読み込みテキストの色

アニメーションは9つ準備されています。

  1. フェイド
  2. フェードダウン
  3. フェードアップ
  4. フェード左
  5. フェード右
  6. 回転
  7. Xフリップ
  8. Yフリップ
  9. ズーム

アニメーションはこちらでも確認ができます。http://git.blivesta.com/animsition/
変更を保存したら完成です。ナビゲーションなどのページ内リンクなどで確認してみて下さい。

 
wordpress

【WordPress】ページ移動にCSS3アニメーションを追加。Page Transition

  • LATEST
  • RELATED
  • POPULAR