全部 Skills
前端交互Vuev1.0.0

视差轮廓镭射卡片

让轮廓光随指针流动,让层次随视角展开。自由调节纵深与光强,把这张卡片带进你的项目。

视差镭射轮廓VueCSS 3D

在线体验

交互效果示例

移动指针或轻触卡片,感受层次变化

把光调成你喜欢的样子

拖动滑杆,实时查看效果。

从平面轮廓到悬浮层叠
从隐约微光到鲜明镭射
开启系统「减少动态效果」时,将保留静态预览。
从体验到项目

把这个效果用起来

完整包包含技能说明和本页同款 Vue 组件。也可以直接复制说明,交给你正在使用的 AI 编程助手。

单独下载 SKILL.md
  1. 下载并解压

    保留 parallax-laser-card/ 文件夹,其中的 SKILL.md 是技能入口,assets/ 是参考组件。

  2. 交给 AI 编程助手

    把整个文件夹放进项目,让助手读取其中的 SKILL.md;如果你的工具支持 Skills,也可按它的方式安装。

  3. 说出你要的效果

    请读取 parallax-laser-card/SKILL.md,在当前项目实现视差轮廓镭射卡片。纵深设为 48px,轮廓光强度设为 70%,保留可调滑杆。

Skill 源文件

SKILL.md
查看完整 Skill 内容