流星动画效果
仅用 HTML、CSS 与 JavaScript 创建令人印象深刻的动态背景，适用于形象页或开场画面。
{{ $t('samples.actions.prompt') }}
仅用 HTML、CSS 与 JavaScript 创建令人印象深刻的动态背景，适用于形象页或开场画面。
仅使用 HTML、CSS 与 JavaScript，创建令人印象深刻的动态背景，适用于展示页或开场画面。
1. 背景动画
使用 CSS 渐层动画，让颜色平滑地水平或斜向变化以仿真移动。动画需无限循环、衔接流畅。采用适合夜空的深色，如深蓝、紫色与黑色。
2. 流星效果
在夜空上加入闪烁星星与流星动画。流星在随机时间与位置出现，快速斜向移动并自然淡出。星星与流星可使用 CSS 动画或 JavaScript 的 <canvas> 实作。
3. 交互与优化
采响应式设计，针对桌面与行动设备优化。动画需流畅运作，避免过度使用 CPU。不需交互，仅作为背景视觉效果。
用途
适合展示页、作品集介绍、游戏加载画面或其他开场动画。
{{ $t('samples.actions.copied') }}