Line Shadow Text (라인 섀도 텍스트)

단어가 여러 겹의 복사본으로 쌓이고, 스크롤에 따라 어긋나며 움직입니다.

[적용할 곳]에 텍스트 반복(Text Repetition) 효과를 넣어 줘. 반복 텍스트 스크롤(repeated text scroll)이라고도 불러.
단어를 더 흐린 외곽선 복사본 여러 겹으로 복제해서, 스크롤하면 단어 뒤에서 펼쳐지고 위로 스크롤하면 다시 겹쳐지게 해 줘.
펼쳐지는 정도는 스크롤 위치에 바로 연결하고, 추가 복사본은 스크린 리더에서 숨겨 단어가 한 번만 읽히게 해 줘.

글자가 고장 난 신호처럼 조각나 어긋나고 빨강·청록 색이 갈라지며 떨립니다.

[적용할 곳]에 글리치 텍스트(Glitch Text) 호버 효과를 넣어 줘. 텍스트 글리치(text glitch), RGB 스플릿 글리치(RGB split glitch)라고도 불러.
포인터가 글자 위에 있는 동안 빠르고 날카롭게 툭툭 떨리면서, 얇은 가로 조각이 옆으로 튀고 색이 다른 복사본 두 개가 고장 난 신호처럼 갈라졌다가, 포인터가 떠나면 제자리로 돌아오게 해 줘.
스크린 리더가 복사본을 읽지 않게 실제 텍스트는 문서에 한 번만 두고, 키보드 포커스에도 같은 효과를 보여 줘.

글자 안이 출렁이며 차오르는 액체로 채워집니다.

[적용할 곳]에 리퀴드 필 텍스트(Liquid Fill Text) 효과를 넣어 줘. 워터 필 텍스트(water fill text)라고도 불러.
외곽선만 있는 글자 안에 액체가 차고, 물결치는 수면이 옆으로 흘러가면서 수위가 천천히 오르내리는 부드러운 반복이 되게 해 줘.
스크린 리더가 읽을 수 있게 단어는 실제 텍스트로 두고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 액체를 일정한 수위에 멈춰 줘.

텍스트가 잘린 경계선 뒤에서 미끄러져 올라와, 아무것도 없던 곳에서 나타나는 느낌을 줍니다.

[적용할 곳]에 마스크 리빌(Mask Reveal) 텍스트 등장 효과를 넣어 줘. 라인 마스크 리빌(line mask reveal), 텍스트 마스킹(text masking)이라고도 불러.
각 줄이 보이지 않는 경계선 뒤에서 미끄러져 올라와 아무것도 없던 곳에서 나타나듯, 한 줄씩 차례로 빠르고 부드럽게, 튕기는 느낌 없이 나오게 해 줘.
텍스트가 스크롤로 화면에 들어올 때 한 번만 재생하고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 움직임 없이 바로 보여 줘.

초록색 글자가 매트릭스의 코드 비처럼 세로줄을 따라 떨어집니다.

[적용할 곳]에 매트릭스 텍스트(Matrix Text) 효과를 넣어 줘. 디지털 레인 텍스트(digital rain text)라고도 불러.
글자 열이 저마다 조금씩 다른 속도로 꾸준히 떨어지고, 맨 앞 글자는 밝게 빛나며 그 뒤로 꼬리가 서서히 사라지게 해 줘.
스크린 리더에는 숨긴 장식으로 다루고, 가볍게 유지하고, 사용자가 모션 줄이기(prefers-reduced-motion)를 켜 두었으면 멈춰 줘.