项目实战

实战项目集合，从静态页面到数据可视化应用，覆盖不同难度和技术方向。

HTML / CSS 项目

天气特效

纯 HTML + CSS 实现的天气主题图片轮播效果，使用 Keyframes 关键帧动画实现多云、雨雪等天气场景切换。

旋转动画

图片悬停旋转与缩放效果，结合遮罩层实现富有层次感的交互动画，适用于产品展示页面。

美妆商城

美妆产品商城静态页面，包含首页布局、产品展示、导航结构等商城核心模块的前端实现。

数据可视化项目

动物保护数据可视化

基于 ECharts 的动物保护主题数据可视化项目，使用中国地图展示各省份相关数据，曾在 2023 年获省级二等奖。