Feature · Elementor · King Addons

Rotating Animation: a CSS spin on the element

Rotating Animation loops a CSS rotate. Duration is one full spin. Delay staggers multiple spinners. It will spin text too — usually a bad idea.

Get King Addons

Install the plugin from WordPress.org, enable this feature in the dashboard, then follow the steps on this page.

Get King Addons

What it actually does

Controls: Enable Rotating Animation, Duration of single spin, Animation delay.

Where to find it in WordPress

Dashboard → Features → Rotating Animation. Select the element (icon, badge, decorative image) → Advanced.

How to set it up

  1. Enable the feature. Dashboard.
  2. Select a decorative element. Not paragraphs.
  3. Enable Rotating Animation. Set a slow duration first.
  4. Add delay if several spin together. So they are not in sync.

Controls that change behavior

ControlWhat the plugin does
Duration of single spinSeconds per 360°.
Animation delayOffset before the loop.
Free vs Pro. Feature is free.

When this is the right tool

Notes from the implementation

Respect prefers-reduced-motion in your own CSS if you customize. kingaddons.com.

FAQ

My text is spinning.

You enabled it on the text widget. Move the effect to an icon.

Is this Floating Animation?

Floating translates. Rotating spins.

Other King Addons features

Get King Addons

Rotating Animation ships in King Addons for Elementor. Install the plugin from WordPress.org, then come back to this guide when you configure it.

Get King Addons