はじめに

<script src="https://unpkg.com/data-anim@latest/dist/data-anim.js"></script>

npm install data-anim

import 'data-anim';

<div data-anim="fadeInUp">
  Hello, animated world!
</div>

<!-- Hover -->
<div data-anim="pulse" data-anim-trigger="hover">
  Hover me
</div>

<!-- Click -->
<button data-anim="bounce" data-anim-trigger="click">
  Click me
</button>

<div
  data-anim="slideInLeft"
  data-anim-duration="800"
  data-anim-delay="200"
  data-anim-easing="ease-out"
  data-anim-once
>
  Customized animation
</div>