Spotlight card

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

<div class="demo-card" data-motion="spotlight">
  <h4>Spotlight</h4>
  <p>Move the pointer over this card.</p>
</div>

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

<Spotlight>Your content</Spotlight>

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

<template>
  <Spotlight>Your content</Spotlight>
</template>

const el = document.querySelector("#title");
el.dataset.motion = "spotlight";