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.
Alternatives To Fullscreenlayoutpagetransitions
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Fullscreenlayoutpagetransitions724
11 years agoDecember 10, 20235JavaScript
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.
Gatsby Starter Portfolio Emilia345
4 months ago10bsdTypeScript
Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI. Includes Light/Dark mode.
Blackantmedia27
4 years agomitPHP
Portfolio site of Jason Long
Alternatives To Fullscreenlayoutpagetransitions
Select To Compare


Alternative Project Comparisons
Popular Portfolio Projects
Popular Transition Projects
Popular Content Management Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Portfolio
Responsive
Transition
Responsive Layout