---
title: "How to Create an Animated Rotating Circle Text in Elementor?"
url: https://theplusaddons.com/docs/animated-rotating-circle-text-in-elementor/
date: 2024-05-15
modified: 2026-09-13
lang: en
author: "Aditya Sharma"
description: "Want a spinning circle of text around a logo or a button? Combine Circular Text with the Rotating continuous animation of the Advanced Typography widget from The Plus Addons for..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-an-Animated-Circle-Text-in-Elementor_-1024x536.jpg
word_count: 317
---

# How to Create an Animated Rotating Circle Text in Elementor?

## 

- Utilizes the Advanced Typography widget from The Plus Addons for Elementor to create animated circle text.
- Enables Continuous Animation and selects Rotating from the Animation Effect dropdown for a rotating effect.
- Adjusts animation speed using the Duration Time field, allowing different settings for responsive devices.

Want a spinning circle of text around a logo or a button?

Combine **Circular Text** with the **Rotating** continuous animation of the Advanced Typography widget from The Plus Addons for Elementor, and the circle turns on its own.

*To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, [click here](https://theplusaddons.com/docs/advanced-typography/).*

***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.- **Widget to enable:** Advanced Typography, switched on under **The Plus Addons > Widgets**.

## Steps

- Add the Advanced Typography widget, keep **Select Option** on **Normal** and type your text. End it with a space or a separator such as “ - ” so the start and end don't touch.- Open **Content > Circular Text** and turn on **Enable/Disable**. [More about circular text](https://theplusaddons.com/docs/create-circular-text-in-elementor/).- Go to **Style > Continuous Animation** and turn on **Continuous Animation**.- Set **Animation Effect** to **Rotating**.- Set **Duration Time** in seconds for one full turn (default 2.5). A higher number turns slower.

![Style, Continuous Animation with Animation Effect set to Rotating, and circular text on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-continuous.webp)

![Setting up rotating circle text in the Advanced Typography widget](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-continuous-animated-circular-text.gif)

## How It Behaves

- The circle turns without stopping, one turn per **Duration Time**.- Turn on **Hover Animation** to rotate only while the mouse is over the text.- Animation Effect also offers **Pulse**, **Floating** and **Tossing**. Rotating is not available for items in Multiple mode.

![Demo of rotating circle text](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-continuous-animated-circular-text-demo.gif)

## Limitations

- **The Transform Origin under Continuous Animation currently has no effect.** The rotation point is set by **Content > Text Direction > Transform Origin** (default Center). Change that one to rotate around another point.

## Troubleshooting

### The circle doesn't turn

Test on the published page or the preview. If **Hover Animation** is on, it turns only on hover.

## Related Docs

- [Advanced Typography widget: settings overview](https://theplusaddons.com/docs/advanced-typography/)- [Create circular text](https://theplusaddons.com/docs/create-circular-text-in-elementor/)- [Add text animation in the Text Block widget](https://theplusaddons.com/docs/add-text-animation-in-the-text-block-widget/)