fuwato.js

導入

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fuwato@1.0.1/fuwato.min.css">
<script src="https://cdn.jsdelivr.net/npm/fuwato@1.0.1/fuwato.min.js">

使い方

.fuwato-load

ページがロードされたときにふわっと表示する 例:

<div class="fuwato-load">Page is Loaded!</div>

.fuwato-scroll

要素が表示されたときに下から上へふわっと表示する 例:

<!-- 上の要素 -->
<div class="fuwato-scroll">(下から)Hello, World!</div>