https://github.com/codrops/BackgroundScaleHoverEffect

Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
https://github.com/codrops/BackgroundScaleHoverEffect

Last synced: about 1 month ago
JSON representation

Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.

• Host: GitHub
• URL: https://github.com/codrops/BackgroundScaleHoverEffect
• Owner: codrops
• License: mit
• Created: 2020-03-11T13:51:13.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2020-03-11T15:05:46.000Z (almost 5 years ago)
• Last Synced: 2024-08-02T12:23:03.668Z (4 months ago)
• Language: HTML
• Homepage: https://tympanus.net/codrops/?p=48414
• Size: 2.01 MB
• Stars: 115
• Watchers: 4
• Forks: 31
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-web-effect - BackgroundScaleHoverEffect - Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths. (🚀 A series of exquisite and compact web page cool effects / Background Decoration)
• fucking-awesome-web-effect - BackgroundScaleHoverEffect - Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths. (🚀 A series of exquisite and compact web page cool effects / Background Decoration)

README

        
# Background Scale Hover Effect

Recreation of the background scale hover effect seen on the [DDD Hotel](https://dddhotel.jp/) menu using CSS clip paths.

![Background Scale Hover Effect](https://tympanus.net/codrops/wp-content/uploads/2020/03/BackgroundScaleClip_featured.jpg)

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

[Demo](https://tympanus.net/Development/BackgroundScaleHoverEffect/)

## Installation

Install dependencies:

```

npm install

```

Compile the code for development and start a local server:

```

npm start

```

Create the build:

```

npm run build

```

## 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)