diff --git a/src/app/globals.css b/src/app/globals.css index 2f80556..2f34642 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -649,3 +649,48 @@ pre[class*="language-"] { background-color: transparent; } } + +/* ======================================== + AI 图片生成加载动画 + 用于 Gemini 等图片生成模型 + ======================================== */ + +/* 闪光效果动画 - 从左到右的光线扫过 */ +@keyframes shimmer { + 0% { + transform: translateX(-100%); + } + 100% { + transform: translateX(100%); + } +} + +.animate-shimmer { + animation: shimmer 2s infinite; +} + +/* 进度条动画 - 模拟加载进度 */ +@keyframes progress { + 0% { + width: 0%; + } + 20% { + width: 15%; + } + 40% { + width: 35%; + } + 60% { + width: 55%; + } + 80% { + width: 75%; + } + 100% { + width: 90%; + } +} + +.animate-progress { + animation: progress 8s ease-in-out infinite; +}