https://fics.jp/wp-content/plugins/emanon-premium-blocks/assets/js/animation.js?ver=1.4.6.2

1document.addEventListener(
2	'DOMContentLoaded',
3	() => {
4
5		//監視したい複数要素
6		const targets = document.querySelectorAll("[class*='epb-animation-']");
7
8		const callback = ( entries, observer ) => {
9			entries.forEach( ( entry ) => {
10				//isIntersectingプロパティは交差しているかどうかのbool値
11				//viewportに交差し、入ったときにisIntersecting===true、出たときにfalse
12				if ( entry.isIntersecting ) {
13					entry.target.classList.add("is-epb-active");
14					observer.unobserve(entry.target);
15				}
16				entry.target.addEventListener(
17					'animationend',
18					() => {
19						entry.target.classList.remove("is-epb-active");
20						entry.target.classList.add("is-epb-animationend");
21					},
22					false
23				);
24			});
25		};
26
27		//Intersection observer のオプションを作成
28		const options = {
29					root: null,
30					rootMargin: '-25% 0px',
31					thureshold: [ 0, 0.25, 0.5, 0.75, 1 ],
32		};
33		//Intersection observer を作成
34		//ターゲットが IntersectionObserver に指定された閾値を満たす度にコールバックが呼び出される
35		const io = new IntersectionObserver( callback, options );
36		targets.forEach( ( target ) => {
37		//監視したい対象をobserve
38			io.observe( target );
39		});
40		false
41	}
42);