过渡效果:屏幕溶解为方格网格,以交错时间淡出 — 用于场景之间
transition wipe grid pixelate
transition
wipe
grid
pixelate
npx hyperframes add grid-pixelate-wipe
grid-pixelate-wipe.html
compositions/components/grid-pixelate-wipe.html
打开 compositions/components/grid-pixelate-wipe.html 并将其内容粘贴到你的 composition 中。详见文件中的注释头部获取详细说明。
胶片颗粒叠加
使用 CSS keyframes 实现的动画胶片颗粒纹理叠加 — 为任何 composition 增添温暖和模拟质感
视差缩小
揭示过渡效果 — 焦点卡片从全屏缩小,同时相邻元素以视差方式滑入形成网格(parallax-zoom 的反向效果)