Directional Rotation Visualizer

1: Select direction

2: Click on any of the numeric degree markers

//sample code

GSAP's directional rotation functionality allows you to easily specify rotation in a particular direction which can be either clockwise ("_cw" suffix), counter-clockwise ("_ccw" suffix), or in the shortest direction ("_short" suffix) in which case the plugin chooses the direction for you based on the shortest path.

Directional rotation can be used with rotationX, rotationY, and rotationZ.

Directional rotation functionality is built into CSSPlugin. For animations not tied to css values, check out the DirectionalRotationPlugin.