JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="el_servizi" class="ticker">
    <li><a href="#">SNACK E PATATINE</a></li>
    <li><a href="#">CLICCA QUI</a></li>
    <li><a href="#">SCOPRI LE OFFERTE</a></li>    
</ul>

CSS

#el_servizi{
    overflow: hidden;
    font-size:13px;
    margin:0;
    padding:0;
    height:30px;
    background:#333;
    }
#el_servizi li {
    list-style:none;
    margin:0;
    height: 20px;
    padding:5px;
    text-align:center;
}
#el_servizi li a {
    font-family:arial;
    color:#F90;
    text-decoration:none;
    }

JavaScript

function ticker(){
	$('#el_servizi li:first').fadeOut("slow",function() {
  	$(this).appendTo($('#el_servizi')).fadeIn("fast");
    });
  }
setInterval(function(){
	ticker()
  }, 4000);