Bezier Help

A CSS extension that opens an interactive webview tab that visualizes and provides edit options to a bezier graph.

Features

• A webview tab when running the Edit Bezier Curve command
• A graph that displays the bezier curve
• 2 interactive and draggable control points that allow for bezier curve manipulation
• 2 boxes that display the curve animation speed with contrast to linear speed
• A display of the bezier curve values
• Automatic update of the bezier curve function in a CSS file

Commands

Bezier Help: Edit Bezier Curve

• ID: bezier-help.editBezier
• Description: Opens an interactive webview tab displaying bezier curve information

Instructions

• Highlight in any file a command " cubic-bezier(xx, xx, xx ,xx)
• Open command palette and run the Edit Bezier Curve command
• Have fun!