Page Transition

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/

Installation

Installation Instruction & Configuration

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.

Screenshots

Admin settings/options screenshot

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

Perfect, but please update!

By dmoralesz on December 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.

Cute!

By eiie on February 6, 2018

Nice plugin. It seems to work and has some fun effects to customize. I like it a lot. Very useful.

Great plugin so far!

By milenfrom on July 23, 2017

Thank you guys for making this plugin! It is working great on my website, on all pages!

great but...

By oguido on June 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 🙂

design flaw

By Anonymous User 14293447 (anonymized_14293447) on October 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.

Very simple and useful

By edoron777 on October 3, 2016

Very simple and useful

Fantastic!

By WebsThatRock on September 3, 2016

It really gives the website that leading edge against other websites! It's great! The only thing that would make it better is if you could make different transitions for each page but that may overdue it.

Michael

Excellent. Does it job.

By aanthony on September 3, 2016

Excellent. Does it job.

Great

By Michel Duprez on September 3, 2016

Do the job, no worry, easy, clean quick.

nice

By Loosie94 on September 3, 2016

Works good

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.