WobblySlideshowEffect
Wobbly Slideshow Effect
Creates a slideshow effect where slides wobble as they move
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg and morphing SVG paths.
111 stars
12 watching
30 forks
Language: JavaScript
last commit: about 10 years ago
Linked from 1 awesome list
lindelof/awesome-web-effectRelated projects:
| Repository | Description | Stars |
|---|---|---|
| codrops/glitchslideshow | A slideshow with a CSS glitch effect for slide transitions | 114 |
| codrops/motiontransitioneffect | A JavaScript library that creates a slideshow with smooth motion transitions between images. | 57 |
| codrops/fullimagereveal | Creates a visually appealing full image reveal effect with thumbnail sliding functionality. | 165 |
| codrops/imagedraggingeffects | A collection of image dragging effects using various JavaScript libraries and techniques | 78 |
| codrops/organicshapeanimations | Provides hover effects on images using SVG clipPath animation | 220 |
| codrops/imagetilteffect | Creates a subtle motion effect by moving and rotating semi-transparent copies of an image | 577 |
| codrops/distortedlinkeffects | A tool that creates distorted link effects using SVG filters and JavaScript. | 138 |
| 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/modalwindoweffects | A collection of reusable CSS and JavaScript components for creating modal window effects with animations and transitions | 1,009 |
| codrops/raineffect | Experimental rain and water drop effects in different scenarios using WebGL | 1,616 |
| codrops/fancyletteranimation | An animated SVG letter animation inspired by the 'Shading Letters in Illustrator' concept. | 143 |
| codrops/pagerevealeffects | An article demonstrating various multi-layer page transition effects using CSS animations. | 132 |
| codrops/backgroundscalehovereffect | A recreation of the background scale hover effect using CSS clip paths. | 117 |
| codrops/dialogeffects | A collection of reusable CSS and SVG animations for creating visually appealing dialog effects. | 308 |