Flicker In (플리커 인)

요소의 불투명도가 고장 난 전등처럼 불규칙하게 깜박거립니다.

[적용할 곳]에 플리커(Flicker) 효과를 넣어 줘. flickering이라고도 불러.
요소가 대부분은 안정적으로 있다가, 고장 난 네온사인처럼 짧고 불규칙하게 끊기며 어두워지게 해 줘.
타이밍은 일정한 간격이 아니라 불규칙하게 하고, 최대 밝기로 빠르게 번쩍이는 건 피하고, 모션 줄이기를 켠 사용자에게는 멈춰 줘.

요소가 불투명도를 빠르게 바꾸며 깜박입니다.

[적용할 곳]에 플래시(Flash) 주목 효과를 넣어 줘. 블링크(blink)라고도 불러.
요소가 빠르게 사라졌다 나타나기를 두 번 반복하며 깜박인 뒤, 완전히 보이는 상태로 남게 해 줘.
끝없이 깜박이지 말고 한 번만 재생하고, 빠른 깜박임은 불편할 수 있으니 모션 줄이기를 켠 사용자에게는 생략해 줘.

텍스트가 네온관처럼 빛나며 깜빡이거나 은은하게 맥동합니다.

[적용할 곳]에 네온 글로우 텍스트(Neon Glow Text) 효과를 넣어 줘. 네온사인 플리커(neon sign flicker), 글로잉 텍스트(glowing text)라고도 불러.
텍스트가 네온관처럼 부드럽고 일정한 빛으로 빛나다가, 가끔 진짜 간판처럼 잠깐 꺼지게 해 줘.
빠른 깜빡임은 일부 사용자에게 해로울 수 있으니 깜빡임은 빠르지 않게 가끔만 넣고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 빛을 일정하게 유지해 줘.

요소가 제자리에서 완전히 투명한 상태에서 완전히 불투명하게 바뀌고, 사라질 때는 반대로 바뀝니다.

[적용할 곳]에 페이드 인 / 페이드 아웃(Fade In / Fade Out) 애니메이션을 넣어 줘. 페이드(fade)라고도 불러.
나타날 때는 요소가 제자리에서 완전히 투명한 상태에서 또렷하게 보이는 상태로 바뀌고, 사라질 때는 같은 방식으로 흐려지게 해 줘. 은은하게, 이동이나 크기 변화 없이.
사라진 뒤에는 클릭도 키보드 접근도 안 되게 하고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 즉시 전환해 줘.

요소가 Y축을 중심으로 한 바퀴 돌면서 보는 사람 쪽으로 살짝 다가왔다가 돌아갑니다.

[적용할 곳]에 플립(Flip) 애니메이션을 넣어 줘.
요소가 세로축을 중심으로 한 바퀴 돌면서 보는 사람 쪽으로 살짝 다가오고, 크기가 아주 살짝 줄었다가 제자리로 돌아오게 해 줘. 생기 있지만 짧게.
회전이 입체적으로 보이게 원근감(perspective)을 주고, 반복하지 말고 한 번만 재생하고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 회전을 생략해 줘.

요소가 가로축이나 세로축을 중심으로 3D 회전해, 옆면만 보이던 상태에서 정면을 향하게 됩니다.

[적용할 곳]에 플립 인(Flip In) 등장 애니메이션을 넣어 줘. 플립 인 X(flip in X), 플립 인 Y(flip in Y)라고도 불러.
요소가 옆면만 보이는 상태에서 시작해 가로축을 중심으로 돌아 정면을 향하고, 살짝 지나쳤다가 돌아와 자리 잡게 해 줘. 빠르게, 작은 흔들림과 함께.
회전이 입체적으로 보이게 원근감(perspective)을 주고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 움직임 없이 정면 상태로 보여 줘.

요소가 3D로 회전해 옆면만 남으며 보이지 않게 됩니다.

[적용할 곳]에 플립 아웃(Flip Out) 퇴장 애니메이션을 넣어 줘. 플립 아웃 X(flip out X), 플립 아웃 Y(flip out Y)라고도 불러.
요소가 살짝 뒤로 기울었다가 세로축을 중심으로 돌아 옆면만 남으며 사라지게 해 줘. 빠르고 깔끔하게.
회전이 입체적으로 보이게 원근감(perspective)을 주고, 회전이 끝난 뒤에 요소를 없애고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 바로 숨겨 줘.