# Auren 顶部头图

Claude Opus 5.5 · @iamtanzil_ · · 视频提示词

在画廊中打开

分享链接 · https://openimages.ajiang.me/p/2103820321673675031/

composition · centeredcomposition · wide-shotquality_flags · embedded-textsubject_type · ui-screenusage · brand-identityusage · website-hero

提示词（原文，逐字保留）

# Auren Header A cinematic, scroll-scrubbed 3D hero header for the luxury/fantasy brand "AUREN" where a full-screen background video plays frame-by-frame as the user scrolls through a 500vh section, with sequential timed overlays (title, description, feature cards, final title) revealing themselves at specific video timestamps. ## Tech stack - React 18+ with "use client" directive (Next.js App Router compatible) - framer-motion (all overlay entrance/exit animations, AnimatePresence, staggered per-character reveals) - gsap + gsap/ScrollTrigger (scroll-driven scrubbing that maps scroll progres…

中文译文

# Auren 顶部头图 一个电影级、滚动驱动的 3D 英雄头部区域，适用于奢华/奇幻品牌 "AUREN"。在该区域中，全屏背景视频会逐帧播放，用户滚动通过一个 500vh 的区块时，视频按帧推进；序列化的定时浮层（标题、描述、特性卡片、最终标题）会在特定视频时间戳处依次显现。 ## 技术栈 - React 18+ ，使用 "use client" 指令（兼容 Next.js App Router） - framer-motion（所有浮层的进入/退出动画、AnimatePresence、逐字符错落显现） - gsap + gsap/ScrollTrigger（滚动驱动的逐帧控制，将滚动进度映射为…

来源与署名

原文由 @iamtanzil_ 发布在 X：查看原推文。 本页逐字保留原文并提供机器翻译的中文解读；版权归原作者所有。

在画廊中浏览

同工具的更多提示词