Build a before/after drag hero with Tailwind CSS: headline and copy on one side, and on the other a comparison viewer holding two stacked images with a draggable vertical divider that clips the top layer via a CSS clip-path. Style the handle as a circular grip with left/right arrows, support both mouse drag and touch, and label each side 'Before' and 'After'.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。