# OBLT 电动自行车页头

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

在画廊中打开

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

color_palette · dark-moodycomposition · full-bodylighting · low-keyscene · studiosubject_type · productsubject_type · ui-screen

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

# OBLT E-bike Header A full-viewport, dark, cinematic e-bike product header for the brand **OBLT**, built in React (client component) with pure CSS and an interactive cursor-following "x-ray" spotlight reveal — moving the mouse wipes away the bike's exterior photo to expose its internal carbon/gearbox structure underneath. Built with React only (no animation libraries). ## Tech stack (libraries actually imported) - React only — `useRef`, `useState`, and the `MouseEvent` type. No framer-motion, no GSAP, no icon library. All animation is hand-written CSS keyframes + an inline CSS `mask-image`.…

中文译文

# OBLT 电动自行车页头 一个全视口、暗黑、电影质感的 **OBLT** 品牌电动自行车产品页头,使用 React(客户端组件)结合纯 CSS 构建,带有交互式光标跟随的"X 光"聚光灯揭示效果——移动鼠标时,自行车的外观图片会被擦除,从而露出其内部的碳纤维/齿轮箱结构。仅使用 React 构建(无动画库)。 ## 技术栈(实际导入的库) - 仅 React — `useRef`、`useState` 以及 `MouseEvent` 类型。没有 framer-motion,没有 GSAP,没有图标库。所有动画均为手写的 CSS 关键帧 + 内联 CSS `mask-image`。…

来源与署名

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

在画廊中浏览

同工具的更多提示词