SegmentEffect
by codrops
Background image segment effect as seen on Filippo Bello's Portfolio.
AI summary
Background segmenter
Segments background image into distinct parts with animations
- stars
- 543
- forks
- 120
- watching
- 27
- awesome list
- 1
Similar projects
Found by comparing what the projects do, not just their names.
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.
Particle renderer
A JavaScript library used to create bursting particle effects on web elements
Shape animations
Provides hover effects on images using SVG clipPath animation
Page Load Animations
Provides SVG animations to reveal new content on page loads
Image effects
A collection of image dragging effects using various JavaScript libraries and techniques
Button morph
Revealing content by morphing an action element into its expanded state.
Shape Mover
An HTML-based website background effect where shapes morph and transform on scroll as the user navigates the page.
Text input enhancements
Provides styles and effects to enhance user interaction with text inputs
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.
Modal effects
A collection of reusable CSS and JavaScript components for creating modal window effects with animations and transitions
Shape layer animation
An HTML animation that simulates the gradient topography concept by animating shape layers
Image Grid Effect
A JavaScript library that creates a motion hover effect for a background grid of images using CSS and GSAP
Image Tilt
Creates a subtle motion effect by moving and rotating semi-transparent copies of an image
Featured in 1 awesome list
Each link jumps to the spot where the list mentions SegmentEffect.
