Add Elementor’s rotating / scrolling text effect without any extra plugins

Category: ,

The Elementor rotating / scrolling text effect enhances your website’s visual appeal without requiring any any additional plugins.

To create this effect, you need to have Elementor Pro activated on your website. Next, you need to follow four steps.

  1. Search for “Text Path Widget” in Elementor and add the widget on your page.
  2. Add your text in the Widget tab. Then go to the Style tab and style it to taste.
  3. Watch the video to review further settings.
  4. Add the following CSS code in Custom CSS section.
selector svg{
    animation: rotate 20s linear infinite;
}
@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

Need to get your website created by a professional?

Fill out the form below to get started.

Lead Gen Form