---
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-04-09
author: "Aditya Sharma"
description: "Are you looking to create an animated circle text in Elementor? Incorporating animated circle text can add a touch of creativity and uniqueness to your website and make it stand..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Create-an-Animated-Circle-Text-in-Elementor_-1024x536.jpg
word_count: 274
---

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

## Key Takeaways

- The Plus Addons for Elementor Advanced Typography widget allows users to create animated circle text.
- Users can enable Continuous Animation and select Rotating from the Animation Effect dropdown for a rotating circle text.
- The Duration Time field lets users control animation speed with different settings for responsive devices.

Are you looking to create an animated circle text in Elementor? Incorporating animated circle text can add a touch of creativity and uniqueness to your website and make it stand out from the rest.

With the Advanced Typography widget from The Plus Addons for Elementor, you can easily create a circle text in Elementor.

*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 its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/)

To do this, add the Advanced Typography widget to the page and follow the steps -

1. In the **Advanced Typography** tab, select **Normal** from the **Select Option** dropdown.

2. Then add the text in the **Text** field.

3. Make sure to select the **center** from the **Alignment** section to keep the circle text centered.

4. After that enable the **Enable/Disable** toggle from the **Circular Text** tab.

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

5. Then go to the **Style** tab and enable the **Continuous Animation** toggle from the **Continuous Animation** tab.

6. From the **Animation Effect** dropdown, you have to select an animation. Let’s select **Rotating**.

Now the circle text will rotate continuously.

By enabling the **Hover animation** toggle you can show the animation only on hover. 

From the Transform Origin dropdown, you can set the point based on which the text will rotate.

> *Note: You’ll see the Transform Origin option only for the Rotating animation.*

Then from the **Duration Time** field, you can control the animation speed by setting a duration. You can set different durations for different responsive devices.

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

## Frequently Asked Questions

**Q: What should I do if the animated circle text isn't rotating?**
A: If the animated circle text isn't rotating, check that you have enabled the Continuous Animation toggle in the Style tab. This feature is essential for the animation effect to work. Additionally, ensure that you have selected 'Rotating' from the Animation Effect dropdown. If these settings are correct, it may help to refresh the page or check for any conflicts with other plugins.

**Q: Can I use the Advanced Typography widget for other text styles?**
A: The Advanced Typography widget from The Plus Addons for Elementor is designed specifically for creating unique text styles, including animated circle text. While it excels at these creative features, it can also be used for standard text formatting. This versatility allows you to enhance the overall design of your website beyond just animations.

**Q: What settings work best for creating a visually appealing animated circle text?**
A: For an effective animated circle text, center alignment is crucial to maintain a balanced look. Additionally, adjusting the Duration Time field allows you to control the speed of the animation, which can enhance user engagement. Experiment with different animation speeds for various devices to find the most visually appealing effect.

**Q: What happens if I don't set a Transform Origin for the rotating text?**
A: If you don't set a Transform Origin for the rotating text, it will default to the center of the text box. This may not always provide the desired visual effect, especially if the text is long or unevenly spaced. Setting a specific Transform Origin can create a more dynamic and visually interesting rotation, as it allows you to control the pivot point of the animation.

**Q: Is there a way to show the animation only on hover?**
A: Yes, you can enable the Hover animation toggle to display the animated circle text only when a user hovers over it. This feature can create an interactive experience for visitors, drawing attention to the text without overwhelming the page. It's a great way to engage users without making the animation a constant distraction.

**Q: What are the benefits of using animated circle text on my website?**
A: Incorporating animated circle text can significantly enhance the creativity and uniqueness of your website. It captures visitors' attention and can effectively convey important messages or branding elements. Using the Advanced Typography widget from The Plus Addons for Elementor allows you to implement this feature easily, making your site stand out in a crowded digital space.