# codrops/FullscreenLayoutPageTransitions

<https://repo.masters-masters.com/en/repos/codrops/FullscreenLayoutPageTransitions>

[Home](https://repo.masters-masters.com/en) › [codrops](https://repo.masters-masters.com/en/owners/codrops) › [FullscreenLayoutPageTransitions](https://repo.masters-masters.com/en/repos/codrops/FullscreenLayoutPageTransitions)

codrops/FullscreenLayoutPageTransitions has 725 stars on GitHub. Its RepoMasters card: Beta tier. This responsive layout is based on an initial grid of four…

| Field | Value |
| --- | --- |
| Owner | [codrops](https://repo.masters-masters.com/en/owners/codrops) |
| Stars | 725 |
| Forks | 158 |
| Language | [JavaScript](https://repo.masters-masters.com/en/languages/javascript) |
| License | None |
| Created | 2013 |
| Tier | [Beta (700 to 1,999 ★)](https://repo.masters-masters.com/en/ranks/box_office) |
| View on GitHub | [codrops/FullscreenLayoutPageTransitions](https://github.com/codrops/FullscreenLayoutPageTransitions) |

## Repository

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 th…

The tier for repos with 700 to 1,999 ★. Published odds per card pulled: 6%. Rarity: Rare.

## More repos by codrops

- [codrops/PageTransitions · ★ 2,315 · CSS · RC](https://repo.masters-masters.com/en/repos/codrops/PageTransitions)
- [codrops/RainEffect · ★ 1,785 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/codrops/RainEffect)
- [codrops/SidebarTransitions · ★ 1,651 · CSS · Beta](https://repo.masters-masters.com/en/repos/codrops/SidebarTransitions)
- [codrops/HoverEffectIdeas · ★ 1,643 · CSS · Beta](https://repo.masters-masters.com/en/repos/codrops/HoverEffectIdeas)
- [codrops/Animocons · ★ 1,547 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/codrops/Animocons)
- [codrops/ParticleEffectsButtons · ★ 1,264 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/codrops/ParticleEffectsButtons)

## Nearby in JavaScript

- [nextcloud/photos · ★ 725 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/nextcloud/photos)
- [airuikun/smart-ide · ★ 725 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/airuikun/smart-ide)
- [bradtraversy/mern-tutorial · ★ 725 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/bradtraversy/mern-tutorial)
- [qgis2web/qgis2web · ★ 725 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/qgis2web/qgis2web)
- [OgarProject/Ogar · ★ 725 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/OgarProject/Ogar)
- [MahdiF/loud-links · ★ 725 · JavaScript · Beta](https://repo.masters-masters.com/en/repos/MahdiF/loud-links)

---
Data: GitHub · Illustration: the project’s public image, pixelated by RepoMasters.