介绍
这个包把 360 度文字旋转做成了一个可直接复用的标题展示台。首屏中央是完整的环形文字转盘,外圈会持续匀速旋转,左侧提供角度和速度按钮,右侧说明卡同步展示当前模式,适合品牌主标题、专题封面和活动视觉页使用。

技术栈
页面由 index.html、styles.css 和 script.js 组成,直接双击即可运行,不依赖 npm、框架或外部 CDN。
软件架构
- index.html:负责首屏主体、交互按钮和内容说明区。
- styles.css:负责布局、视觉变量、动画节奏、响应式和 reduced-motion 降级。
- script.js:负责状态切换、按钮联动和动态展示逻辑。
- preview.png:当前页面的真实浏览器截图,可直接作为下载页封面。
安装教程
- 下载并解压 zip 压缩包。
- 进入同名目录后双击 index.html 直接预览。
- 如果要部署到站点,把整个目录上传到静态服务器即可。
使用说明
打开页面后可点击角度按钮切换圆弧朝向,再点击速度按钮改变旋转节奏。替换时只需要修改转盘词组和中心说明文案,就能快速复用到品牌活动页、专题页或海报标题模块。
功能讲解
- 首屏主体是完整的环形文字转盘,不再沿用单条弧形文字模板。
- 角度、速度和中心信息联动更新,方便直接演示旋转文字组件的状态切换。
- 布局保留左右控制区与中间舞台,适合下载后继续替换为品牌词、活动名或章节标题。
