Skip to content
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 th…
Branch: master
Clone or download
botelho Merge pull request #1 from anselm-urban/patch-1
"-webkit-overflow-scrolling: touch;" for better UX
Latest commit 1dfb62f Apr 23, 2013
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css "-webkit-overflow-scrolling: touch;" for better UX Apr 23, 2013
fonts initial commit Apr 23, 2013
images initial commit Apr 23, 2013
js small fix Apr 23, 2013
README.md initial commit Apr 23, 2013
index.html

README.md

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

demo

Licensed under the MIT License

You can’t perform that action at this time.