BackgroundScaleHoverEffect
by codrops
Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
AI summary
Background scales
A recreation of the background scale hover effect using CSS clip paths.
- stars
- 118
- forks
- 31
- watching
- 4
- awesome list
- 1
Similar projects
Found by comparing what the projects do, not just their names.
Background segmenter
Segments background image into distinct parts with animations
Image Grid Effect
A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP
Shape animations
Provides hover effects on images using SVG clipPath animation
Image effects
A collection of image dragging effects using various JavaScript libraries and techniques
Text input enhancements
Provides styles and effects to enhance user interaction with text inputs
Full Image Reveal Effect
Creates a visually appealing full image reveal effect with thumbnail sliding functionality.
Shape Mover
An HTML-based website background effect where shapes morph and transform on scroll as the user navigates the page.
Page Load Animations
Provides SVG animations to reveal new content on page loads
Modal effects
A collection of reusable CSS and JavaScript components for creating modal window effects with animations and transitions
Link distorter
A tool that creates distorted link effects using SVG filters and JavaScript.
Image slider
A JavaScript library that creates a slideshow with smooth motion transitions between images.
Page transition demo
An article demonstrating various multi-layer page transition effects using CSS animations.
Image Tilt
Creates a subtle motion effect by moving and rotating semi-transparent copies of an image
Glitch Slideshow
A slideshow with a CSS glitch effect for slide transitions
Button styles
A collection of CSS styles and effects to create modern button designs.
Featured in 1 awesome list
Each link jumps to the spot where the list mentions BackgroundScaleHoverEffect.
