功能展示

交替展示

Alternating showcase

图文行左右翻转

实时预览

提示词正文

Build an alternating showcase with Tailwind CSS: three full-width rows that alternate between copy on the left with media on the right and the reverse, separated by generous vertical spacing. Each row has a small eyebrow label, a heading, a short paragraph, a bullet list of two or three points, and an inline text link. On mobile, stack copy above media in every row and drop the alternation.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

苹果官网的经典结构;移动端别坚持交替,统一“文上图下”更稳。

同类提示词 · 功能展示

© 2026 Genisource Vibe · 提示词详情