SuperAPI AI 工具集

circular-text

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:circular-text 用于把一段文字沿圆形曲线排列,并让整圈文字缓慢旋转,形成徽章或印章式的装饰点缀。资料明确说明它仅作装饰用途,建议短语保持简短。

主要能力:文字沿圆周弯曲排列;整体缓慢旋转;无外部依赖;对系统“减少动态效果”(reduced-motion)设置安全,即在用户偏好减少动画时不会强行播放旋转。

使用方式:复制其 CSS 与 JS,然后在页面中加入如下结构:<div class="circ" data-text="• MOTION • ANYTHING "></div>。文字内容通过 data-text 属性提供。

适用场景:适合作为页面、卡片或品牌标识旁的装饰性环形文字徽章。

限制:资料仅说明其为装饰组件,未提供更多功能、参数、兼容平台、收费方式或性能数据;短语过长可能影响可读性,建议保持简短。