JSFiddle - React, Tailwind, and code Playground

by sj82516

HTML

<h1>仿拉霸移動特效</h1>

<div>
<h2>手動調整位移動畫</h2>
<h4>通過js逐步調整內元素的位置，達到移動特效</h4>
	<div class="h-container">
		<div id="h-item1"></div>
		<div id="h-item2"></div>
	</div>
</div>

<div>
	<h2>透過CSS產生動畫</h2>
	<h4>透過CSS transition產生動畫，並用js聆聽transition完成事件</h4>
	<div class="css-container">
		<div id="css-item1"></div>
		<div id="css-item2"></div>
	</div>
</div>