This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Description

Page Transition is a simple and easy wordpress plugin used to add page transition using CSS3 animations. Show your page with modern animations.

Set different animations effects for page in (on load) and page out (on unload). You can also set value to “None” to disable page in or page out animation.

Available options and features:

  • Set Page In Animation
  • Set Page Out Animation
  • Set Page In Animation Duration
  • Set Page Out Animation Duration
  • Set whether to show loading or not
  • Set loading text color

9 different transition effects available

  • Fade
  • Fade Down
  • Fade Up
  • Fade Left
  • Fade Right
  • Rotate
  • Flip X
  • Flip Y
  • Zoom

This plugin is using jquery animsition plugin by Bilvesta. Please check demo at http://git.blivesta.com/animsition/

Screenshots

  • Admin settings/options screenshot

Installation

Installation Instruction & Configuration

  1. You can use the built-in installer. OR
    Download the zip file and extract the contents. Upload the ‘page-transition’ folder to your plugins directory (wp-content/plugins/).

2.Activate the plugin through the ‘Plugins’ menu in WordPress.

3.Go to Settings -> Page Transition and set your desired transition effect for page in and page out and animation duration.

FAQ

I have set transition effects but I can’t see effects in front-end ?

This plugin requires that you call wordpress “body_class” function like <?php body_class(); ?> in your body tag in header. Your body tag should be look like <body <?php body_class(); ?>>.

Reviews

Ogwekkuminebiri (Ntenvu) 23, 2020
I love this plugin. It is perfect just as it is. Please, update it to ensure it will continue working on the future.
Mukutulansanja 6, 2018
Nice plugin. It seems to work and has some fun effects to customize. I like it a lot. Very useful.
Sseeboaseka 7, 2017
hi and good work on this one! i just wanted to mention i had to change the jquery.animsition.js files for the newer version to fix the back-button-blank-page bug. I think it could already come with the plugin download… Oh, and also the transition works on everything in the page except the parallax image header… (adamrom-parallax-scroll) cheers 🙂
Ogwekkumi (Mukulukusa) 19, 2016
Though it hasn’t been updated for 2 years the plugin still works. But maybe it does need to be updated, because a nice transition should be between one page to the other, not interposing a blank page in between (like page1 > blankpage with loading >page2). For this reason I uninstalled.
Read all 33 reviews

Contributors & Developers

“Page Transition” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Page Transition” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.3

  • Excluded mailto email address links
  • Exclude page out animation on particular link by apppying “no-animation” class to link “a” tag

1.2

  • Added Loading Text color option
  • Minor bug fixes

1.1

  • Updated jquery animsition plugin to latest 3.2.1 version
  • Added new options for setting adnimation duration and whether to show loading or not.
  • Removed modernizr javascript as animsition version 3.2.1 supports checking browser css3 animation support inbuilt
  • Added Rate us on wordpress link

1.0

  • Initial version.