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.
- Search for “Text Path Widget” in Elementor and add the widget on your page.
- Add your text in the Widget tab. Then go to the Style tab and style it to taste.
- Watch the video to review further settings.
- 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);
}
}


