作品介绍
「烛光里的课堂」是一个教师节主题的交互式祝福网页。用温暖的教室场景、摇曳的烛光、黑板上的粉笔字，以及点击绽放的花朵，向老师们表达最真挚的节日祝福。
创作思路
教师节的核心意象是什么？是黑板上的粉笔字、是讲台上的烛光、是满桌的书本、是桃李满天下的欣慰。我把这些元素融合到一个沉浸式的网页场景中，让每一个打开页面的人都能感受到那份温暖的师生情谊。
效果展示
- 黑板上"教师节快乐"五个大字以粉笔字效果缓缓呈现
- 三支蜡烛在讲台上摇曳，散发温暖的光晕
- 16句经典师恩诗句从屏幕底部缓缓上浮
- 点击屏幕任意位置，绽放一朵随机颜色的花朵，伴随粉笔灰飘散效果
- 50颗星光在夜空中闪烁
技术实现
- 纯 HTML + CSS + JavaScript 单文件实现，零依赖
- CSS 动画实现蜡烛火焰摇曳、光晕脉动、花朵绽放
- JavaScript 实现点击交互、粒子效果、祝福语浮动
- 响应式设计，适配桌面和移动端
互动方式
打开页面后，点击屏幕任意位置即可为老师献上一朵花。花朵颜色随机，每次点击都是独一无二的祝福。
代码说明
整个作品约 400 行代码，用 TraeCode 从构思到完成，全程 Vibe Coding，大约 10 分钟就完成了这个小而美的作品。
祝所有老师教师节快乐！桃李满天下，春晖遍四方！