<p>
↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>
<p>
<div>Animate</div>
div{
  width: 200px;
  padding: 90px 0;
  background: #EEE;
  text-align: center;
}
$('div').on('inview', function(event, isInView) {
	if (isInView) {
		$(this).addClass('animate__animated animate__shakeX');
	} else {
		$(this).removeClass('animate__animated animate__shakeX');
	}
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css

External JavaScript

  1. https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
  2. https://www.ibnet.ne.jp/common/js/jquery.inview.min.js