Four types of transition animation effects for pure CSS3 ultra-cool page switching, and css3 page Switching

Four types of transition animation effects for pure CSS3 ultra-cool page switching, and css3 page Switching
This is a pure CSS3 page switch transition animation effect with four very cool effects. The CSS 3 Page Transition animation is made using CSS keyframes. All animation effects and latencies use CSS attributes without any javascript timeout () code.

All the four page switches use the same js file (used for click events and page close events) and CSS file. The class names of each demo are slightly different. All the demos were tested on Chrome, Safari, Firefox, Opera, IE11, and IE10 browsers (and iOS was also tested ).

Effect Demo: http://www.htmleaf.com/Demo/201504151685.html

: Http://www.htmleaf.com/css3/daohangcaidan/201504151684.html