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 · 未聲明授權