Card 3D

pnpm dlx motion-blocks add card-3d

npx motion-blocks add card-3d

bunx --bun motion-blocks add card-3d

yarn dlx motion-blocks add card-3d

---import "@/components/motion-blocks/card-3d-element.ts";--- <motion-card-3d  image="/path/to/image.jpg"  width="3.2"  height="2"  depth="0.08"  radius="0.15"  class="w-full h-[400px]"/>

import "@/components/motion-blocks/card-3d-element.ts"; export default function Page() {  return (    <motion-card-3d      image="/path/to/image.jpg"      width={3.2}      height={2}      depth={0.08}      radius={0.15}      className="w-full h-[400px]"    />  );}

<script setup>import "@/components/motion-blocks/card-3d-element.ts";</script> <template>  <motion-card-3d    image="/path/to/image.jpg"    :width="3.2"    :height="2"    :depth="0.08"    :radius="0.15"    class="w-full h-[400px]"  /></template>

<script>  import "@/components/motion-blocks/card-3d-element.ts";</script> <motion-card-3d  image="/path/to/image.jpg"  width={3.2}  height={2}  depth={0.08}  radius={0.15}  class="w-full h-[400px]"/>

<script type="module" src="/components/motion-blocks/card-3d-element.js"></script> <motion-card-3d  image="/path/to/image.jpg"  width="3.2"  height="2"  depth="0.08"  radius="0.15"  class="w-full h-[400px]"/>