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