# GridLayoutMotion

**Repository Path**: mirrors_codrops/GridLayoutMotion

## Basic Information

- **Project Name**: GridLayoutMotion
- **Description**: A retro-style grid layout with a playful motion hover effect on the grid items.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Grid Layout with Motion Hover Effect and Content Preview

A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens. We use [TweenMax](https://greensock.com/tweenmax) for the animations.

![Grid Layout Motion](https://tympanus.net/codrops/wp-content/uploads/2018/05/GridLayoutMotion_featured.jpg)

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

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

## Credits

- [TweenMax](https://greensock.com/tweenmax) by Greensock
- Images from [Unsplash.com](http://unsplash.com)
- [imagesLoaded](http://imagesloaded.desandro.com/) by Dave DeSandro
- Cross icon designed by [Freepik](http://www.freepik.com/)

## License
This resource can be used freely if integrated or build upon in personal or commercial projects such as websites, web apps and web templates intended for sale. It is not allowed to take the resource "as-is" and sell it, redistribute, re-publish it, or sell "pluginized" versions of it. Free plugins built using this resource should have a visible mention and link to the original work. Always consider the licenses of all included libraries, scripts and images used.

## Misc

Follow Codrops: [Twitter](http://www.twitter.com/codrops), [Facebook](http://www.facebook.com/codrops), [Google+](https://plus.google.com/101095823814290637419), [GitHub](https://github.com/codrops), [Pinterest](http://www.pinterest.com/codrops/), [Instagram](https://www.instagram.com/codropsss/)


[© Codrops 2018](http://www.codrops.com)