スクロールに連動したcssアニメーション

https://coco-factory.jp/ugokuweb/jscss/

ここwa

各アニメーションが適応されるクラス名はsample-anime.htmlからコピペ

パッケージとしてd/webコンテンツツール/cssAnimetion/に保存
	<!--cssアニメーション用-->
	<script type="text/javascript" src="../cssAnimetion/sample-anime.js"></script>	
	<link rel="stylesheet" href="../cssAnimetion/sample-anime.css">	
		<div class=" col-lg-6 mb-5">
		<section class="item-section">	
		<div class="itemBox fadeLeftTrigger">
		 <h2 id="anchor-parent" class="col-12 text-center  mb-1 boxTitle">ペアレントトレーニング</h2>	

		<div class="row">
		<div class="col-xl-4 mb-3">
		 <img src="../image/service/item1.jpg" class="img-fluid mx-auto" alt=""/>
		</div>
		<div class="col-xl-8  ">
			説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明
		</div>
        </div>	
		</div>
		</section>	
		</div>

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です