Ink Flow Waves

Slow liquid ink waves rendered with layered SVG paths and turbulence — organic motion for editorial sites.

4.5k views 685 copies 261 词

Prompt 正文

# Ink Flow Waves — Animated Background

## Goal
Build an organic 'liquid ink' background: 3 layered SVG wave bands slowly undulating with turbulence distortion. It must drop cleanly into an existing Next.js + Tailwind project as a self-contained component.

## Design Spec
- Base: charcoal #101113. Waves: 3 horizontal SVG path bands stacked in the lower 60%, fills at 5/8/12% white — closest band most opaque.
- Each band's path is a smooth wave (4 curve segments) spanning 120% width for seamless horizontal looping.
- One shared SVG filter: feTurbulence (fractalNoise, baseFrequency 0.008) + feDis

购买一次性终身访问权，解锁完整的 261 词 prompt。

Unlock Full Prompt

你可能还喜欢

Free

Velorah

🎨 Portfolio

Cinematic single-screen hero on a looping night-sky film: a liquid-glass pill nav, an Instrument Serif headline that fades two of its phrases into muted grey, and three staggered rise-ins.

2.9k 126CursorClaude CodeLovable