AOS Bro

HTML

<!DOCTYPE html>
<html>
<head>
	<title>TEST</title>
	<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<button data-aos="fade-left">TEST</button>

<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init({
    	once: true,
  		easing: 'ease-in-out'
    });
    var iconButton = $("button");
	iconButton.on("click", function() {
		$(iconButton).removeClass('aos-animate');
		setTimeout(function() {
			$(iconButton).addClass('aos-animate');
		}, 400);
	});
  </script>
</body>
</html>