15个利用 CSS3 +jQuery 实现页面变换效果教程
FullScreen layout with Page Transitions
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/51e2d67b21b431ddd21e1eee2a8aa318.jpg)
A Collection of Page Transitions
A showcase collection of various page transition effects using CSS animations
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/3fb868c8ff0b6c08fd4c768343a56178.jpg)
Pesudo-Elements Animations and Transitions
Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/836ad2f2933205241169be6c85297416.jpg)
CSS Clip Overlay effect EFFECT Transitions
A tutorial about how to create a simple expanding overlay effect using the CSS clip property and CSS transitions.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/9ba33cda760117011fa339c53ca58db2.jpg)
FullScreen PageFlip Layout
A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/61b2d792e7fb4d1cc1e1eaece44a1b90.jpg)
RESPONSIVE IMAGE GALLERY: Gamma Gallery
Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/56da0906dd340334a307a6521b155a73.jpg)
Interactive infographic CSS Animations
Learn how to build an interactive animated infographic using SVG, CSS and JavaScript.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/71950c69dbf940f06947d78b6c0c6db8.jpg)
Thumbnail Grid with Expanding Preview
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/666e7a947b61628ce82e0b23fdf3c297.jpg)
Vertical Showcase Slider with jQuery and CSS Transitions
A tutorial on how to create a responsive vertical fullscreen slider that moves its sections in opposite directions. We’ll be using jQuery, CSS Transitions and media queries to make the layout adaptive.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/37c3ba9fe0e70d3cad364f059170a3ae.jpg)
3D Thumbnail Hover Effects
A tutorial about how to create 3D thumbnail hover effects with CSS 3D transforms and jQuery.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/dc5b4da8aaf3b6985e3d15f347a25e91.jpg)
BLUR MENU WITH CSS3 TRANSITIONS
how to experiment with text shadows and with transitions in order to achieve a blur effect that we’ll apply to a menu on hovering over the elements.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/f9c27c722386e923474a3bc70e118ed7.jpg)
CSS3 Transitions And Transforms From Scratch
You can learn to create some fundamental CSS3 transitional movements.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/9c2d9bdc92443847d5c6d25156cc9061.jpg)
CSS3 Transitions Tutorial
Tutorial || Demo
This tutorial help you learn about animate elements CSS3 Transitions.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/6d382a0cfe0fd2f37140aae2d4dac498.jpg)
Paperfold CSS
Peperfold CSS gives sexy look and fold paper in beautiful shapes Transition.
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/f79847f3b847a9cade052473ffe87e4e.jpg)
Build a portfolio with CSS3 transitions
Build a modern, interactive portfolio page using CSS3 transitions to replace jQuery animation and HTML5 markup, with Andrew Markham-Davies
![15个用于 CSS3 +jQuery 实现页面变换效果教程](https://simg.open-open.com/show/701317add8098d72f0e7e0057c1e1885.jpg)