효과Effects / 등장·퇴장Entrance & Exit / Nº 040

플리커 리빌Flicker Reveal

Flicker Reveal

플리커 리빌

다른 이름Also known as · 깜박이며 나타나기 · Text Opacity Flicker · 텍스트 점멸 · Glyph Flicker Reveal · 글자 깜박임 등장

040

렌더 추가 예정CLIP COMING플리커 리빌Flicker Reveal정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 040. 플리커 리빌 · Flicker Reveal · steps(1, end)

요소가 불규칙하게 켜졌다 꺼졌다 하다가 완전히 나타나거나 사라진다.An element switches on and off at uneven intervals before becoming fully visible.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

전기 신호나 불안정한 연결을 표현한다.Suggests an electrical signal or an unstable connection.

언제 쓰나Use whenUSE WHEN

가상의 신호 연결을 보여 줄 때
장면의 주인공 한 요소에 시선을 모을 때

Represent a fictional signal connecting.
Focus attention on one main element in a scene.

과용 주의AvoidAVOID

큰 면적의 점멸과 반복 재생을 피한다.
동작 줄이기 설정에서는 정적인 최종 상태를 보여 준다.

분류TagsTAGS

등장·퇴장Entrance & Exit 주목 끌기Attention 강조Emphasis 설명 영상Explainer video 숏폼Short-form 발표Presentation 난이도 중급Intermediatecss

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

작은 통신 아이콘이 고정된 여섯 번의 점멸 뒤 켜진다.

과용 · 나쁜 사례OVERUSE

여러 요소에 동시에 적용해 읽을 위치와 시선을 계속 바꾸게 만든다.

파라미터Parameters

기본값은 클립에 쓴 값Defaults are the values used in the clip

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
지속 시간	1200ms	840~1680ms	한 번의 동작 기준
점멸 횟수	6회	2~6회	고정된 불규칙 시점
불투명도	0 또는 1	0~1	중간 보간 없음

GSAP

.effect { animation: effect 1200ms steps(1, end) both; }
@keyframes effect {
  0%,12%,31%,48%,63%,77%,89%{opacity:0} 8%,25%,43%,58%,72%,84%,100%{opacity:1}
}

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<파일>에서 <대상>에 플리커 리빌을 적용해. 지속 1200ms, 점멸 횟수 6회, 불투명도 0 또는 1, 이징 steps(1, end)으로 위 키프레임을 구현하고 최종 상태를 유지해. 동작 줄이기 설정에서는 최종 상태를 바로 보여 줘.

Apply Flicker Reveal to <target> in <file>. Implement the provided keyframes with 1200ms duration, flickers 6, opacity 0 or 1, easing steps(1, end). Preserve the final state and show it immediately when reduced motion is enabled.

Codex

<파일>의 <대상> 스타일에 플리커 리빌 키프레임을 추가해. 지속 1200ms, 점멸 횟수 6회, 불투명도 0 또는 1, 이징 steps(1, end)을 적용하고 0초·0.6초·1.2초 시점을 캡처해 시작 상태, 중간 변화, 최종 정착를 확인해. 고정 키프레임으로 재현하고 동작 줄이기 설정을 확인해.

Add Flicker Reveal keyframes to the styles for <target> in <file> using 1200ms duration, flickers 6, opacity 0 or 1, easing steps(1, end). Capture at 0, 0.6, and 1.2 seconds to verify the initial state, intermediate motion, and settled state. Use fixed keyframes and verify reduced-motion behavior.