效果

差值混合

使用 mix-blend-mode: difference 实现自动反转文字 — 逐像素在白色和黑色之间切换，与背景形成对比

text effect blend-mode contrast inversion

属性	值
类型	组件

文件	目标	类型
`caption-blend-difference.html`	`compositions/components/caption-blend-difference.html`	hyperframes:snippet

世界地图

带动画的世界等值区域图，含逐国展示、工具提示标签和旋转地球插图 - D3 Natural Earth 投影

胶片颗粒叠加

使用 CSS keyframes 实现的动画胶片颗粒纹理叠加 — 为任何 composition 增添温暖和模拟质感

安装