Skip to main content
CSS Tip

A CSS-only fragmentation effect

Add a hover aniamtion with a fancy fragmentation effect using only the <img> tag. Powered by CSS Mask, @property and optimized with CSS mask

CSS-only fragmentation effect

See the Pen CSS-only fragmentation effect on hover by Temani Afif (@t_afif) on CodePen.

More detail css-tricks.com/image-fragmentation-effect-with-css-masks-and-custom-properties


More CSS Tips