Provides workflow actions to start and stop CSS rotation animations on any element using its ID. Allows control over rotation degrees, speed, easing, and infinite repetition.
This plugin is perfect for loading objects.
Its perfect because it also has easing options which make it look much more natural. Also you can stop the rotation in a workflow.
$19
One time • Or $2/mo
stars • 0 ratings
0 installs
This plugin does not collect or track your personal data.
---------------------
Before you start make sure you expose the ELEMENT ID attribute. To do this is easy, click on SETTINGS, then GENERAL, then scroll to the bottom of the page and check the box for ËXPOSE THE OPTION TO ADD ID
------------------------------
In your Bubble workflow, add the "Start Rotation" action.
Configure the action's fields: provide the HTML ID Attribute of the target element, and set the desired Total Rotation Degrees, Duration (ms), Easing, and Repeat Forever options. Ensure the target element actually has this ID set in its own Property Editor under 'ID Attribute'.
When this action runs, the specified element will start rotating.
To stop the rotation, add the "Stop Rotation" action to another workflow (e.g., triggered by a button click or another event) and provide the same Target Element ID.
Types
This plugin can be found under the following types:
Built on Bubble
