https://github.com/codrops/GridZoom

A simple image grid layout where a small grid image zooms to become larger while a content view opens.
https://github.com/codrops/GridZoom

Last synced: about 2 months ago
JSON representation

A simple image grid layout where a small grid image zooms to become larger while a content view opens.

• Host: GitHub
• URL: https://github.com/codrops/GridZoom
• Owner: codrops
• License: mit
• Created: 2021-12-01T15:11:02.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2021-12-01T15:11:12.000Z (almost 3 years ago)
• Last Synced: 2024-06-10T11:45:43.195Z (3 months ago)
• Language: JavaScript
• Size: 1.48 MB
• Stars: 185
• Watchers: 4
• Forks: 55
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Grid Zoom Layout

A simple image grid layout where a small grid image zooms to become larger while a content view opens.

![Image Title](https://tympanus.net/codrops/wp-content/uploads/2021/12/GridZoom_feat.jpg)

[Article on Codrops](https://tympanus.net/codrops/?p=57586)

[Demo](http://tympanus.net/Development/GridZoom/)

## Installation

Install dependencies:

```

npm install

```

Compile the code for development and start a local server:

```

npm start

```

Create the build:

```

npm run build

```

## Credits

- Images from [Unsplash](https://unsplash.com/)

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [GitHub](https://github.com/codrops), [Instagram](https://www.instagram.com/codropsss/)

## License

[MIT](LICENSE)

Made with :blue_heart:  by [Codrops](http://www.codrops.com)