Question

Creating moving banner

  • 11 October 2021
  • 1 reply
  • 18 views

Badge

Hi there,

 

Would someone be able to help me recreate the banner found on the below site but in elementor?

https://www.onlyorca.com/

 


I have tried using carousels​​​ sliders but can’t get a smooth animation.


Thanks


1 reply

Userlevel 1

You don’t always need to use an Elementor Widget, sometimes plain html/css will get you there faster. You can animate each div inside that container with CSS Transform.

 

@-webkit-keyframes bYfMUO{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);}}
@keyframes bYfMUO{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);}}

Reply