BackgroundScaleHoverEffect
Background scales
A recreation of the background scale hover effect using CSS clip paths.
Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
118 stars
4 watching
31 forks
Language: HTML
last commit: over 6 years agoLinked from 1 awesome list
lindelof/awesome-web-effectRelated projects:
| Repository | Description | Stars |
|---|---|---|
| codrops/segmenteffect | Segments background image into distinct parts with animations | 543 |
| codrops/imagegridmotioneffect | A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP | 141 |
| codrops/organicshapeanimations | Provides hover effects on images using SVG clipPath animation | 221 |
| codrops/imagedraggingeffects | A collection of image dragging effects using various JavaScript libraries and techniques | 78 |
| codrops/textinputeffects | Provides styles and effects to enhance user interaction with text inputs | 968 |
| codrops/fullimagereveal | Creates a visually appealing full image reveal effect with thumbnail sliding functionality. | 165 |
| codrops/morphingbackgroundshapes | An HTML-based website background effect where shapes morph and transform on scroll as the user navigates the page. | 387 |
| codrops/pageloadingeffects | Provides SVG animations to reveal new content on page loads | 646 |
| codrops/modalwindoweffects | A collection of reusable CSS and JavaScript components for creating modal window effects with animations and transitions | 1,010 |
| codrops/distortedlinkeffects | A tool that creates distorted link effects using SVG filters and JavaScript. | 138 |
| codrops/motiontransitioneffect | A JavaScript library that creates a slideshow with smooth motion transitions between images. | 56 |
| codrops/pagerevealeffects | An article demonstrating various multi-layer page transition effects using CSS animations. | 132 |
| codrops/imagetilteffect | Creates a subtle motion effect by moving and rotating semi-transparent copies of an image | 577 |
| codrops/glitchslideshow | A slideshow with a CSS glitch effect for slide transitions | 115 |
| codrops/creativebuttons | A collection of CSS styles and effects to create modern button designs. | 736 |