{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "bookmark-text-effects-colorion-co",
    "name": "CSS Text Effects",
    "description": "CSS 文字动画参考，适合选择标题、强调文字与入场效果。",
    "category": "交互动效",
    "tags": [
      "文字动画",
      "CSS"
    ],
    "url": "https://text-effects.colorion.co/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-text-effects-colorion-co/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-text-effects-colorion-co/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 114,
    "scope": {
      "status": "部分公开目录",
      "note": "仅收录本次公开导航中的明确组件、效果链接或原书签中的单页演示；详情链接未逐项打开。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "unknown"
        ],
        "frameworks": [
          "html"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://text-effects.colorion.co/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：CSS 文字动画参考，适合选择标题、强调文字与入场效果。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 2,
    "pageSize": 80,
    "totalEntries": 114,
    "totalPages": 2,
    "offset": 80,
    "previous": "index.json",
    "next": null
  },
  "entries": [
    {
      "id": "6eb21b14a86a3e66",
      "title": "Hyperspace Hyperspace Zoom Text Animation",
      "url": "https://text-effects.colorion.co/effects/hyperspace-zoom-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c12a762268d650fd",
      "title": "Ghostwrite Shimmer Text Effect",
      "url": "https://text-effects.colorion.co/effects/shimmer-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "流光",
        "闪烁",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9243760eecf88c11",
      "title": "Tickertape Infinite Marquee Text Animation",
      "url": "https://text-effects.colorion.co/effects/marquee-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7aaefcf661b386fd",
      "title": "Kaboom Text Slam Effect Animation",
      "url": "https://text-effects.colorion.co/effects/slam-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6b784ef4b857e9a0",
      "title": "Lyric-Fill Karaoke Text Fill Animation",
      "url": "https://text-effects.colorion.co/effects/karaoke-text-fill-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba1cea372cab998c",
      "title": "Lenti-Card Holographic Card Text Effect",
      "url": "https://text-effects.colorion.co/effects/holographic-card-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "卡片",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5636466f194b39bc",
      "title": "Helium Inflating Balloon Text Animation",
      "url": "https://text-effects.colorion.co/effects/balloon-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "415dcd3023052c5b",
      "title": "Liquid-Lens Liquid Glass Lens Text Effect",
      "url": "https://text-effects.colorion.co/effects/liquid-glass-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1169c994655a587e",
      "title": "Whiplash Motion Blur Text Animation",
      "url": "https://text-effects.colorion.co/effects/motion-blur-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "模糊",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "87b55067f0740d28",
      "title": "Keycap Keyboard Keycap Text Animation",
      "url": "https://text-effects.colorion.co/effects/keyboard-keycap-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fc22dee660f78fec",
      "title": "Groovy Retro 70s Text Effect",
      "url": "https://text-effects.colorion.co/effects/retro-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c01b00f2a3fe1b02",
      "title": "Grunge Grunge Distressed Text Effect",
      "url": "https://text-effects.colorion.co/effects/grunge-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c57f73c447d789e4",
      "title": "Pew-Pew Pew Pew Laser Text Effect",
      "url": "https://text-effects.colorion.co/effects/pew-pew-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "490fa824ef58747c",
      "title": "Invisible-Ink Invisible Ink Text Effect",
      "url": "https://text-effects.colorion.co/effects/invisible-ink-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "74f43a012f61e27f",
      "title": "Loud Loud Shouting Text Animation",
      "url": "https://text-effects.colorion.co/effects/loud-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eeb50468f8ce4ace",
      "title": "Whisper Gentle Whisper Text Animation",
      "url": "https://text-effects.colorion.co/effects/gentle-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "64c9b95797b1753f",
      "title": "Rotator Text Changing Animation",
      "url": "https://text-effects.colorion.co/effects/text-changing-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca7217f59ccb84a1",
      "title": "Loader Text Loading Animation",
      "url": "https://text-effects.colorion.co/effects/text-loading-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "389c883b70a8b14d",
      "title": "Dissolve Fading Text Effect",
      "url": "https://text-effects.colorion.co/effects/fading-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "62de2477e8edc449",
      "title": "Ben-Day Halftone Text Effect",
      "url": "https://text-effects.colorion.co/effects/halftone-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a65e7855b9e9cc58",
      "title": "Riso-Press Risograph Text Effect",
      "url": "https://text-effects.colorion.co/effects/risograph-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "127d4623347278ca",
      "title": "Peel-Off Sticker Text Effect",
      "url": "https://text-effects.colorion.co/effects/sticker-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f3192a2c3933882f",
      "title": "Paper-Stack Paper Cut Text Effect",
      "url": "https://text-effects.colorion.co/effects/paper-cut-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8148a631888381a3",
      "title": "Impression Letterpress Text Effect",
      "url": "https://text-effects.colorion.co/effects/letterpress-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aac542121ec01f5d",
      "title": "Satin-Stitch Embroidery Text Effect",
      "url": "https://text-effects.colorion.co/effects/embroidery-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "08afb9c825477e49",
      "title": "Stretch-Club Stretch Text Animation",
      "url": "https://text-effects.colorion.co/effects/stretch-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fc100bd7c63f1e6d",
      "title": "Candy-Stripe Candy Stripe Text Effect",
      "url": "https://text-effects.colorion.co/effects/candy-stripe-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16f390d83970a7dc",
      "title": "Mirrorball Disco Mirrorball Text Effect",
      "url": "https://text-effects.colorion.co/effects/disco-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "627c9869d84d04e0",
      "title": "Wax-Seal Wax Seal Text Effect",
      "url": "https://text-effects.colorion.co/effects/wax-seal-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "114c9dab0cc5d824",
      "title": "Ticket-Punch Ticket Text Animation",
      "url": "https://text-effects.colorion.co/effects/ticket-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b606d78517e1025",
      "title": "Carbon-Copy Carbon Copy Text Effect",
      "url": "https://text-effects.colorion.co/effects/carbon-copy-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da6d475d32c5bdf7",
      "title": "Type-Hammer Typewriter Hammer Text Animation",
      "url": "https://text-effects.colorion.co/effects/typewriter-hammer-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "打字机",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4690a7b81c8e4da9",
      "title": "Label-Maker Embossed Label Text Effect",
      "url": "https://text-effects.colorion.co/effects/embossed-label-text-effect/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5469c191816b9881",
      "title": "Ink-Roller Ink Roller Text Animation",
      "url": "https://text-effects.colorion.co/effects/ink-roller-text-animation/",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "原站公开导航或已保存的交互演示",
        "url": "https://text-effects.colorion.co/",
        "date": "2026-10-13"
      }
    }
  ]
}