Create a glitch styled title screen for video transitions or cyberpunk visuals. The single HTML file combines large headlines, cyan and magenta color offsets, scanlines, noise, and animated distortions using your title and subtitle.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
【模板: 故障艺术标题帧 (Glitch Title)】 【意图】单帧 hero / 视频转场 / cyberpunk 风格标题。Inspired by hyperframes glitch。
【画布】1920×1080, 背景 #070708 近黑或 CRT 暗灰 #0d0e10; 加 56px 网格 (透明 5%) + scanlines 横线 (透明 8%, 2px 间隔)。
【主标题】
Space Grotesk Bold / Inter Tight Black / JetBrains Mono Bold。#f5f5f7; 后面套 2 层伪影:
#00f0ff translate(-3px, 1px)。#ff2bd6 translate(3px, -1px)。@keyframes 随机 translateX -10px → 10px, 持续 80-160ms, 错峰播放, 营造 "data corruption" 像散。filter: url(#displacementFilter) 或简单 CSS 平移。【附加层】
>> SIGNAL_LOST · CH-04 · 14:32:08。 ̶▒̶ 字符替换 (假乱码)。█▓▒░ ASCII 噪点 chunks。background-image: url("data:image/svg+xml,...turbulence..."), opacity 6%, mix-blend-mode overlay。【SVG 滤镜 (可选)】
<filter id="rgbShift"> 用 feColorMatrix + feOffset + feMerge 把 R/G/B 三通道偏移; 整层 filter: url(#rgbShift) 在故障瞬间应用。【设计细节】
Space Grotesk 或 JetBrains Mono Bold; 中文 Noto Sans Mono CJK SC 或 Noto Sans SC Bold。@keyframes, 可被 prefers-reduced-motion 关闭 (退回静态 chromatic split)。아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create an animated HTML section divider with a large chapter number and navigation showing the section structure. An orange card slides across a dark gradient background, followed by a rising title that introduces the next topic.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Create a restrained animated HTML title scene around a brand or theme word. Thin letters appear in sequence, while generous whitespace, warm gold lines, corner marks, and softly pulsing indicators frame the message.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Turn CSV, JSON, or a written conclusion into a newspaper-style chart for video clips or social posts. Produce a single HTML file with line, bar, or range-band charts, clear headlines, source notes, and staggered animation.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync. The numbers come alive in a way a static HTML chart can't.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.