ai21.net
语言

加密钱包 Nova 的开屏欢迎动效

演示视频

加密钱包 Nova 的开屏欢迎动效 — 1

提示词

Create an animated welcome screen for a mobile crypto wallet called "Nova". It's the first thing a new user sees — within 3 seconds it should feel safe, premium and simple.

Visual:
Deep navy-to-black radial gradient background with subtle grain. Accent color electric blue #2F6BFF with a soft glow. Clean geometric sans-serif (Inter). A frosted glass card in the center — translucent, 1px light border, soft inner highlight, rounded corners.
Animation sequence (~3.5s, plays on load):
0.0s — a soft blue light slowly blooms from the center of the dark background
0.3s — the glass card rises from below with a spring ease, slightly tilted in 3D, and settles flat; a light sweep moves across its surface
0.8s — on the card, the balance counts up from $0.00 to $2,480.00 and a small line chart draws itself
1.6s — the name "Nova" appears above the card, sliding up letter by letter
2.2s — the line "Hold, send and grow crypto — safely." fades in
2.6s — a white pill "Get started" button scales in with a soft glow pulse
After — the card gently floats in an idle loop, and the light sweep repeats every 4 seconds
Technical: single HTML file with CSS and vanilla JS, no external libraries, sized for iPhone (390×844). Make the motion smooth and polished, like a premium fintech app.

中文译文

为一款名为“Nova”的手机加密钱包制作一个动态欢迎屏。它是新用户看到的第一个画面——在 3 秒之内,它就应该让人感到安全、高级且简单。

视觉:
深海军蓝到黑色的径向渐变背景,带细微颗粒。强调色为电光蓝 #2F6BFF,带柔和辉光。干净的几何无衬线字体(Inter)。中央一张磨砂玻璃卡片——半透明、1px 浅色描边、柔和的内高光、圆角。
动画序列(约 3.5s,加载时播放):
0.0s —— 一团柔和的蓝光从深色背景中央缓缓晕开
0.3s —— 玻璃卡片带着弹簧缓动从下方升起,在 3D 中略微倾斜,随后平放落定;一道光扫过它的表面
0.8s —— 卡片上,余额从 $0.00 递增到 $2,480.00,一张小折线图自行绘制出来
1.6s —— 名称 “Nova” 出现在卡片上方,逐字向上滑入
2.2s —— 文案 “Hold, send and grow crypto — safely.” 淡入
2.6s —— 白色胶囊形 “Get started” 按钮缩放出现,伴随柔和的辉光脉冲
之后 —— 卡片在闲置循环中轻轻浮动,光扫每 4 秒重复一次
技术:单个 HTML 文件,使用 CSS 和原生 JS,不引入外部库,尺寸按 iPhone(390×844)适配。让动效顺滑而精致,像一款高端金融科技应用。

溯源

原作者
vvarrdi
发布日期
2026-09-23(由推文 ID 反解)
原始出处
查看原帖 ↗
收录来源
zhuyansen/awesome-opus-5.5-video · 2102681647720395115 · 未声明许可