image

Slice Revealer

By Mary Lou on

A reveal effect where animated slices cover and uncover an image. Inspired by Zhenya Rynzhuk's transitions experiments. ...

CSS Glitch Effect

By Mary Lou on

An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page of the 404 conference. ...

Animated Image Pieces

By Mary Lou on

A set of experiments with an animated image pieces effect where an image gets shattered into rectangular fragments. Powered by anime.js. ...

Artsy Media Pop Up Effect

By Mary Lou on

A fun experiment with proof-of-concepts for various simple media pop ups on hover or touch. The idea is to show images, videos or other media in a pop up style with ...

Background Segment Effect

By Mary Lou on

A background image segment effect as seen on Filippo Bello's Portfolio, employing the CSS clip-path property and powered by anime.js. ...

Image Tilt Effect

By Mary Lou on

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth ef ...

Playful Trampoline Effect

By Mary Lou on

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tri ...

Making SVGs Responsive with CSS

By Sara Soueidan on

An article on how to make embedded SVGs cross-browser responsive. We're going to cover embedding techniques, how to apply the "Padding Hack" and how to use inline me ...

  • Page 1 of 2
  • 1
  • 2
  • >