https://github.com/codrops/hoverpreviewminimap
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
https://github.com/codrops/hoverpreviewminimap
webdesign
Last synced: 7 months ago
JSON representation
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
- Host: GitHub
- URL: https://github.com/codrops/hoverpreviewminimap
- Owner: codrops
- License: mit
- Created: 2022-03-01T11:45:59.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-03-01T11:46:04.000Z (about 4 years ago)
- Last Synced: 2025-07-06T11:49:23.099Z (10 months ago)
- Topics: webdesign
- Language: JavaScript
- Homepage:
- Size: 645 KB
- Stars: 38
- Watchers: 3
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hover Preview Effect with Mini Map
An experimental hover effect, where a content preview is shown while a mini map indicates the position of the cursor.
[Article on Codrops](https://tympanus.net/codrops/?p=58785)
[Demo](http://tympanus.net/Development/HoverPreviewMiniMap/)
## 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)