Before / After
One image clipped over another with a handle at the cut. clip-path moves, nothing is redrawn.
Usage
Meant for
Examples
On a Card
One layer clipped over another with a handle at the cut, on the card's media area. clip-path moves and nothing is redrawn, which is why it stays smooth even over a photograph. Both parts run alternate, so the comparison never snaps back to the start.
The class is wm wm-before-after — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.