SuperAPI AI 工具集

frame-creative-voltage

通用与其它

查看项目

更新于 10-16 01:36

技能介绍

用途:这是一个创意电压分屏帧模板,适合能量感品牌或活动标题、带手写人味的创意揭示、复古现代 hero 场景。视觉提炼自 frontend-slides 的 Creative Voltage 预设(MIT,© Zara Zhang)。

主要能力:画布为 1920×1080,左侧电光蓝屏(#2f4bff,占 47%)与右侧暗屏(#0d0d14,占 53%)错位分割。字体使用 display Syne 800、mono Space Mono、手写 Caveat。默认时间轴约 4 秒:0.1s 左蓝屏从 translateX(-100%) 滑入,0.25s 右暗屏从 translateX(100%) 滑入(错峰、expo-out);0.9s 蓝屏左上电光高光 wash 淡入;1.0s 蓝屏左上 mono meta 行(// CREATIVE_MODE · ON)淡入;1.0s 起右屏 display 标题逐行升起(每行 .ln,错峰 180ms),其中一行用 .volt 描边电光词(-webkit-text-stroke 加蓝色填充),font-size 132px、右对齐;1.4s 蓝屏手写 script(Caveat,rotate -7°)弹入;1.9s script 下方手绘 underline(SVG path,stroke-dashoffset 描出);2.2s 右下 mono caption 淡入。

使用方式:单文件 HTML。配色纪律为电光蓝 #2f4bff/#6f86ff、暗 #0d0d14、白,蓝是能量主色,描边词与 script 制造电压对比,禁止杂色。内容纪律:display 拆 2-4 行,选一个词做 .volt 描边强调;script 是短手写词组(≤24 字符);必须用真实标题,严禁 lorem ipsum。动效用 @keyframes 加 SVG stroke,prefers-reduced-motion 下全部停在终态。

限制:资料未提供安装命令、依赖、收费、价格、平台支持或效果保证等信息。