Category: CSS

Background Segment Effect with CSS and Anime.js

A background image segment effect as seen on Filippo Bello’s Portfolio, employing the CSS clip-path property and powered by anime.js. This is a little decorative effect with you that we’ve encountered on Filippo Bello’s Portfolio, …

SVG Experiment : Clipped SVG Slider

This is a simple slider, with morphing preview images animated using SVG properties developed by Codyhouse.What’s really powerful with SVG is the possibility to combine path animations with the clipPath element. You can add a …

New Animated Transition Effects With CSS

This is a fresh collection of animated transition effects with CSS. It’s been developed by Gabriele Mellera.You can either download it directly or if you are new to CSS animation effects you can find the …

Inspirational Distorted Button Effects (SVG)

This is a set of inspirational, highly experimental distortion effects for buttons using SVG filters.Applying SVG filters on HTML elements give us some great opportunity to get creative with click interactions, and that’s exactly what …