Clip-Path: Path Shapes

This feature is available in Firefox 63 or higher with the 'layout.css.clip-path-path.enabled' preference is set to 'true' in 'about:config'.

Animations Modes

Choose from six different types of clip-path animations in the "Animations" dropdown.
Choose from the different Vue Transition Component modes in the "Modes" dropdown that control the order of the boxes transitioning.
Click the "Transition" button to see the selected options being animated.