효과Effects / 강조·주의Emphasis / Nº 074

점멸Blink

Blink

점멸

다른 이름Also known as · Flash and Blink · 점멸 강조 · Visibility blink · 가시성 점멸

074

렌더 추가 예정CLIP COMING점멸Blink정의·파라미터·프롬프트는 아래에 있다Definition, parameters and prompts are below

도판Fig. 074. 점멸 · Blink · sine.inOut

요소의 밝기나 투명도가 켜지고 꺼지며 반복된다An element's brightness or opacity switches on and off repeatedly.

무엇을 전하나What it tells

전달 효과ConveysCONVEYS

경고, 신호 존재, 진행 중 상태를 알린다. 가장 단순한 주의 신호다Signals warning, presence or in-progress state. It is the simplest attention cue.

언제 쓰나Use whenUSE WHEN

녹화 중, 라이브, 경고 표시가 필요한 작은 인디케이터에 쓸 때
커서나 입력 위치를 알릴 때

Use on small indicators such as recording, live or warnings.
Show a cursor or input position.

과용 주의AvoidAVOID

초당 3회 초과 금지
본문 텍스트에는 쓰지 않는다

분류TagsTAGS

강조·주의Emphasis 주목 끌기Attention 피드백Feedback 웹 UIWeb UI 제품 시연Product demo 숏폼Short-form 난이도 기본Basiccss

좋은 예와 나쁜 예Good and bad use

좋은 사례GOOD

1000ms 동안 opacity가 1에서 0으로 내려갔다 돌아오는 점멸을 2번 한다. 전환은 부드러운 steps 없이 sine

과용 · 나쁜 사례OVERUSE

초당 10회 이상 깜빡여 눈이 아프고 광과민성 우려가 있다. 본문 텍스트 전체를 깜빡인다

파라미터Parameters

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

항목PARAM	기본DEFAULT	범위RANGE	메모NOTE
주기	500ms	400~800ms	2Hz 이하
횟수	2회	2~3회	지속 1000ms
최저 opacity	0	0~0.3	0.3도 가능
이징	sine.inOut	none~sine	깜빡임이 뚝 끊기면 steps

GSAP

tl.to('.dot', { opacity: 0, duration: 0.25, ease: 'sine.inOut', yoyo: true, repeat: 3 }, 0.3); // 0.25s x 4 = 1.0s, 2회 점멸

README

에이전트 프롬프트Agent prompts

그대로 붙여 넣는다Paste as is

Claude Code

<대상> 상태 표시 점에 점멸을 넣어줘. 0.3초부터 opacity 1에서 0까지 0.25초, sine.inOut으로 yoyo, repeat 3으로 총 1초, 2번 깜빡이고 끝은 opacity 1이야. 초당 3회를 넘지 않게 해.

Add a blink to the status dot in <target>. From 0.3 seconds animate opacity 1 to 0 over 0.25s with sine.inOut, yoyo and repeat 3, for 1 second and 2 blinks total, ending at opacity 1. Stay under 3 blinks per second.

Codex

<파일>에 blink를 추가해. opacity 1→0, duration 0.25s, ease sine.inOut, yoyo, repeat 3, 시작 0.3초. 0.55초, 0.8초, 1.05초, 1.4초에 캡처해 opacity가 0, 1, 0, 1 순으로 나오는지 확인해.

Add blink to <file>: opacity 1 to 0, duration 0.25s, ease sine.inOut, yoyo, repeat 3, start 0.3s. Capture at 0.55s, 0.8s, 1.05s and 1.4s and verify opacity reads 0, 1, 0, 1 in that order.