Elementor Tricks: Build Your Own Slider Without Any Plugins!

    

<style>
.slider{
    width: max-content;
    animation: custom-slider 30s linear infinite;
}
.main-container:hover .slider {
      animation-play-state: paused;
}
 @keyframes custom-slider {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
</style>
<script>
  jQuery(document).ready(function ($) {
    var $custom_slider = $('.slider');
    if ($custom_slider.children('.cloned').length === 0) {
      var $items = $custom_slider.children().clone().addClass('cloned');
      $custom_slider.append($items);
    }
  });
</script>