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'.
- 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.