AI 时代用 HTML 做动态 PPT！零基础也能做出鼠标悬停发光动画效果（附完整源码）

AI 时代用 HTML 做动态 PPT比传统 PPT 更炫酷、更易维护大家好我是PanelAI的熊哥。最近发现很多粉丝对我的视频里用到的动态演示页面很感兴趣——鼠标一划过去就有发光效果、照片会动、文字带呼吸光、渐变背景等这些用传统 PPT 实现起来非常麻烦甚至需要导出成动图才能勉强实现。于是我干脆用AI HTML CSS的方式重做了整套演示页面效果丝滑自然比传统 PPT 高级太多主要亮点加粗重点鼠标悬停交互文字、卡片自动发光、放大动态照片展示图片自带轻微动画全屏演示模式支持键盘上下翻页、鼠标滚轮控制像 PPT 一样流畅一键打包成单文件整个项目可打包成一个 HTML 文件分享超方便AI 辅助修改想改文字、颜色、动画效果一句话描述让 AI 帮你改代码项目已免费开源我把完整源码上传到了GitHub 和 Gitee搜索 “要哇” 或直接访问仓库下载后打开index.html即可体验完整效果提供打包脚本一键生成单文件版本项目特点完全免费无任何功能限制仅保留官方 Logo 请勿商用修改支持自定义文字、颜色、动画适合技术分享、产品路演、课程演示、个人作品集等场景温馨提醒熊哥的照片仅限娱乐使用请勿用于擦边或违法用途谢谢理解使用方式超级简单下载源码用浏览器打开index.html按F11全屏演示需要修改内容时用 AI如 Krea2-Turbo 辅助生成新代码即可在 AI 时代传统 PPT 正在被更灵活的网页技术取代。这个项目就是我探索 AI 辅助创作的一个小尝试希望能帮到正在拥抱 AI 的你。喜欢的朋友记得一键三连点赞、收藏、关注PanelAI和AIStarter我们一起学习最新 AI 工具完整源码地址GitHubhttps://github.com/aihubpro/panelai-launch-event欢迎评论区告诉我你希望下一版加入什么新动画效果我会优先做出来分享给大家