https://github.com/codrops/fullscreenlayoutpagetransitions
This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open the work section and click on one of the portfolio items and navigate through them.
https://github.com/codrops/fullscreenlayoutpagetransitions
Last synced: 7 months ago
JSON representation
This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open the work section and click on one of the portfolio items and navigate through them.
- Host: GitHub
- URL: https://github.com/codrops/fullscreenlayoutpagetransitions
- Owner: codrops
- Created: 2013-04-23T13:54:35.000Z (almost 13 years ago)
- Default Branch: master
- Last Pushed: 2013-04-23T21:06:39.000Z (almost 13 years ago)
- Last Synced: 2025-06-11T08:38:46.464Z (8 months ago)
- Language: JavaScript
- Size: 506 KB
- Stars: 729
- Watchers: 65
- Forks: 161
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
FullscreenLayoutPageTransitions
=========
This responsive layout is based on an initial grid of four boxes. Once a box is clicked, it gets resized to fullscreen and the other boxes scale down and fade out. In the work section we experiment with another transition which is to show a panel by making it appear from the bottom while scaling the current one down. To see it in action, open the work section and click on one of the portfolio items and navigate through them.
[article on Codrops](http://tympanus.net/codrops/?p=14783)
[demo](http://tympanus.net/Development/FullscreenLayoutPageTransitions)
Licensed under the MIT License