MorphingBackgroundShapes
by codrops
A decorative website background effect where SVG shapes morph and transform on scroll.
AI summary
Shape Mover
An HTML-based website background effect where shapes morph and transform on scroll as the user navigates the page.
- stars
- 387
- forks
- 68
- watching
- 12
- awesome list
- 1
Similar projects
Found by comparing what the projects do, not just their names.
Shape animations
Provides hover effects on images using SVG clipPath animation
Shape layer animation
An HTML animation that simulates the gradient topography concept by animating shape layers
Background scales
A recreation of the background scale hover effect using CSS clip paths.
Image slider
A JavaScript library that creates a slideshow with smooth motion transitions between images.
Image Grid Effect
A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP
Background segmenter
Segments background image into distinct parts with animations
Button morph
Revealing content by morphing an action element into its expanded state.
Full Image Reveal Effect
Creates a visually appealing full image reveal effect with thumbnail sliding functionality.
Image Tilt
Creates a subtle motion effect by moving and rotating semi-transparent copies of an image
Link distorter
A tool that creates distorted link effects using SVG filters and JavaScript.
Letter animation
An animated SVG letter animation inspired by the 'Shading Letters in Illustrator' concept.
Image effects
A collection of image dragging effects using various JavaScript libraries and techniques
Page Load Animations
Provides SVG animations to reveal new content on page loads
Wobbly Slideshow Effect
Creates a slideshow effect where slides wobble as they move
Modal effects
A collection of reusable CSS and JavaScript components for creating modal window effects with animations and transitions
Featured in 1 awesome list
Each link jumps to the spot where the list mentions MorphingBackgroundShapes.
