Title: GitHub - 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. · GitHub
Open Graph Title: GitHub - 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.
X Title: GitHub - 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.
Description: 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. - codrops/FullscreenLayoutPageTransitions
Open Graph Description: 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...
X Description: 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...
Opengraph URL: https://github.com/codrops/FullscreenLayoutPageTransitions
X: @github
Domain: github.com
| route-pattern | /:user_id/:repository |
| route-controller | files |
| route-action | disambiguate |
| fetch-nonce | v2:36bb9c8d-023e-3258-6bbb-3b446c361b1a |
| current-catalog-service-hash | f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb |
| request-id | 96F4:24FAA0:29A09BA:3B657F1:6A58FF16 |
| html-safe-nonce | 1adee9933e1421373d9f8cdb4cc6cf1b042577b7ffdb55391994952a977970c7 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5NkY0OjI0RkFBMDoyOUEwOUJBOjNCNjU3RjE6NkE1OEZGMTYiLCJ2aXNpdG9yX2lkIjoiODI0NjAxMDk2ODY4MzM4MDUwMiIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 42e7884453932d90bf998a25634448510f6e974c2d3169102a6198cf181740c6 |
| hovercard-subject-tag | repository:9624289 |
| github-keyboard-shortcuts | repository,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/codrops/FullscreenLayoutPageTransitions |
| twitter:image | https://opengraph.githubassets.com/cd628f3202c6a2ff8a09ee7766936dbc1d4f8f7578ef4204534fddf2b4e7713a/codrops/FullscreenLayoutPageTransitions |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/cd628f3202c6a2ff8a09ee7766936dbc1d4f8f7578ef4204534fddf2b4e7713a/codrops/FullscreenLayoutPageTransitions |
| og:image:alt | 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... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| hostname | github.com |
| expected-hostname | github.com |
| None | 5f2a0c7865178af3d91dd9f13b0cdfc3c73a2529c873d2780bb4c01271a57ec6 |
| turbo-cache-control | no-cache |
| go-import | github.com/codrops/FullscreenLayoutPageTransitions git https://github.com/codrops/FullscreenLayoutPageTransitions.git |
| octolytics-dimension-user_id | 310036 |
| octolytics-dimension-user_login | codrops |
| octolytics-dimension-repository_id | 9624289 |
| octolytics-dimension-repository_nwo | codrops/FullscreenLayoutPageTransitions |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 9624289 |
| octolytics-dimension-repository_network_root_nwo | codrops/FullscreenLayoutPageTransitions |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 9842457e8d7e3b2e1635a63af28da35614845510 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width