安全下载,经人工审核 精选优质前端模板 支持定制开发咨询 持续更新资源
CSS 3D卡片悬停倾斜特效:基于Vanilla-Tilt的交互式视差设计
编号:悬停倾斜卡片

CSS 3D卡片悬停倾斜特效:基于Vanilla-Tilt的交互式视差设计

大小 386 KB
总文件 7 个
发布 2026-07-14
更新 2026-07-14
架构 CSS
分类 前端资源 - CSS动画
目录 结构详情
童哲网
童哲网
 ·  专注前端模板资源分享
人工审核 安全可信

    这是一款3D交互卡片视差倾斜效果,基于CSS 3D转换与vanilla-tilt.js技术实现。当鼠标在卡片上悬停移动时,整个卡片会随光标方向进行平滑的三维空间倾斜,内部的图片、文字和按钮等元素随之产生前后错落的层级视差,并伴有动态的边缘微光。这种高互动性的视觉回馈,适用于创意团队介绍、高档产品展示、数字资产封面以及高端网页落地页核心区块等场景。

模板目录结构

    最新资源

    图片碎片拼合特效,SVG 裁剪路径驱动的方块聚合动画

    碎片拼图

    图片碎片拼合特效,SVG 裁剪路径驱动的方块聚合动画
    星空曲速穿梭特效,Canvas 手写透视的星流加速动画

    星流加速

    星空曲速穿梭特效,Canvas 手写透视的星流加速动画
    学生与讲师双后台且共82页的在线教育 HTML 建站模板,网课平台课程销售与直播网页模板

    学汇

    学生与讲师双后台且共82页的在线教育 HTML 建站模板,网课平台课程销售与直播网页模板
    二十六页 AI 运维后台全覆盖的控制台 Tailwind CSS 建站模板,大模型可观测性与用量计费管理后台模板

    奥维萨

    二十六页 AI 运维后台全覆盖的控制台 Tailwind CSS 建站模板,大模型可观测性与用量计费管理后台模板
    星空曲速穿梭特效,Canvas 手写透视的星流粒子加速动画

    星空穿梭

    星空曲速穿梭特效,Canvas 手写透视的星流粒子加速动画
    螺旋粒子动画,鼠标可控转向的 Canvas 三维旋涡特效

    星河漩涡

    螺旋粒子动画,鼠标可控转向的 Canvas 三维旋涡特效