Scramble hover

<link rel="stylesheet" href="/axi0/motion/motion.css?v=6">
<script src="/axi0/motion/motion.js?v=10" defer></script>

<p class="demo-big" data-motion="scramble-hover">Run the pointer over this line and the letters scatter.</p>

import { ScrambleHover } from "./motion/react/ScrambleHover";

<ScrambleHover>Your content</ScrambleHover>

<script setup lang="ts">
import ScrambleHover from "./motion/vue/ScrambleHover.vue";
</script>

<template>
  <ScrambleHover>Your content</ScrambleHover>
</template>

const el = document.querySelector("#title");
el.dataset.motion = "scramble-hover";