astro

实现原理 在相关代码中，我们会使用源自 astro 官方的 JS 库 astrojs/solid-js 和 solid-js 。 实现这个动效很简单，这仅是一个 React 组件，用于处理鼠标移动事件，并根据鼠标的位置动态设置 Card 的 CSS 变量，从而实现光晕跟随鼠标移动的交互效果。 步骤 创建 src/components/ScriptComp.tsx ，写入以下内容 同时需要我们在应用页面添加以下内容 你还需要在 astro 的 tsconfig.json 和 astro.config.mjs 内修改配置为 搞定！