GradientTopographyAnimation
Shape layer animation
An HTML animation that simulates the gradient topography concept by animating shape layers
Shape layers animation based on Polar Vector's work "Gradient Topography"
340 stars
12 watching
79 forks
Language: HTML
last commit: almost 7 years ago
Linked from 1 awesome list
gradients/awesome-gradientRelated projects:
| Repository | Description | Stars |
|---|---|---|
| codrops/organicshapeanimations | Provides hover effects on images using SVG clipPath animation | 220 |
| codrops/fancyletteranimation | An animated SVG letter animation inspired by the 'Shading Letters in Illustrator' concept. | 143 |
| codrops/morphingbackgroundshapes | An HTML-based website background effect where shapes morph and transform on scroll as the user navigates the page. | 386 |
| codrops/segmenteffect | Segments background image into distinct parts with animations | 542 |
| codrops/dialogeffects | A collection of reusable CSS and SVG animations for creating visually appealing dialog effects. | 308 |
| codrops/fullimagereveal | Creates a visually appealing full image reveal effect with thumbnail sliding functionality. | 165 |
| codrops/backgroundscalehovereffect | A recreation of the background scale hover effect using CSS clip paths. | 117 |
| codrops/thumbnailgridexpandingpreview | Creating a thumbnail grid with an expanding image preview similar to Google Images | 360 |
| codrops/imagegridmotioneffect | A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP | 141 |
| codrops/pageloadingeffects | Provides SVG animations to reveal new content on page loads | 646 |
| codrops/imagetraileffects | A set of effects that create a trail of images following the mouse cursor | 219 |
| codrops/motiontransitioneffect | A JavaScript library that creates a slideshow with smooth motion transitions between images. | 57 |
| codrops/pagerevealeffects | An article demonstrating various multi-layer page transition effects using CSS animations. | 132 |
 padolsey/sonic.js | A tool for creating animated shapes with a specified path and customizable parameters. | 824 |
| codrops/buttoncomponentmorph | Revealing content by morphing an action element into its expanded state. | 593 |