Library Backgrounds

电影渐变

电影感大色块渐变缓慢漂移，对比可读。

大色块漂移电影感大色块渐变缓慢漂移，对比可读。将本资源作为视觉与交互简报使用。把 Prompt 复制到 AI 编程工具，再按你的产品调整布局、品牌语气与动效强度。

Back to Library

Then paste it into your favorite AI coding tool.

Details

Type: Backgrounds
Category: Luxury
Style: Cinematic
Tech stack: CSS
Animation: Gradient
Difficulty: Beginner
License: Personal
Access: Free
Creator: Alex Morgan
Views: 222

Gradient
CSS

Copy. Paste. Create.

This prompt is engineered to communicate visual direction, layout, interaction, animation and technical requirements.

Create a cinematic gradient wash (deep charcoal to soft graphite with a cool highlight stop). Static by default; optional 40s drift. Provide light and dark variants. No purple default.

Code

<!-- HTML -->
<div class="bg" id="bg"></div>

/* CSS */
.bg{width:100%;height:100%;background:linear-gradient(125deg,hsl(91 85% 62%),hsl(182 70% 55%),#050505 70%);background-size:200% 200%;animation:flow 8s ease-in-out infinite}@keyframes flow{50%{background-position:100% 50%}}

// JS