GradientTopographyAnimation
by codrops
Shape layers animation based on Polar Vector's work "Gradient Topography"
AI summary
Shape layer animation
An HTML animation that simulates the gradient topography concept by animating shape layers
- stars
- 340
- forks
- 79
- watching
- 11
- 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
Letter animation
An animated SVG letter animation inspired by the 'Shading Letters in Illustrator' concept.
Shape Mover
An HTML-based website background effect where shapes morph and transform on scroll as the user navigates the page.
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.
Full Image Reveal Effect
Creates a visually appealing full image reveal effect with thumbnail sliding functionality.
Background scales
A recreation of the background scale hover effect using CSS clip paths.
Image preview grid
Creating a thumbnail grid with an expanding image preview similar to Google Images
Image Grid Effect
A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP
Page Load Animations
Provides SVG animations to reveal new content on page loads
Image Trail
A set of effects that create a trail of images following the mouse cursor
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.
Shape animator
A tool for creating animated shapes with a specified path and customizable parameters.
Button morph
Revealing content by morphing an action element into its expanded state.
Featured in 1 awesome list
Each link jumps to the spot where the list mentions GradientTopographyAnimation.
