웹 글자 효과 사전
타이핑·스크램블·형광펜 같은 글자 효과를 직접 움직여 보고, AI에게 부탁할 문장을 복사합니다.
이 기기는 화면 움직임 줄이기가 켜져 있어 예시를 멈춘 채로 보여 줍니다. 효과마다 다시 보기를 누르면 움직입니다.
입력한 문장은 이 브라우저 안에서만 쓰이고 어디에도 보내지 않습니다.
이럴 때 씁니다
- AI로 홈페이지·소개 페이지를 만들면서 "제목이 멋있게 나타나게"보다 정확하게 부탁하고 싶을 때
- 다른 사이트에서 본 움직임의 이름을 몰라 검색하거나 설명하기 어려울 때
- 디자이너·개발자와 화면 움직임을 같은 이름으로 이야기하고 싶을 때
사용법
- 맨 위 칸에 내 사이트에 쓸 문장을 적으면 타이핑·마스크 리빌 등 7개 예시에 반영됩니다. 단어 바꿔 보이기·스크롤 텍스트 하이라이트·숫자 올라가기는 고정 예시로 보여 줍니다.
- 효과마다 다시 보기를 눌러 움직임을 확인하고, 이름과 어울리는 곳을 봅니다.
- 마음에 드는 효과의 부탁 문장 복사를 눌러 ChatGPT·Claude 같은 AI 대화창에 붙여넣습니다.
꼭 알아둘 점
- 부탁 문장에는 효과의 한글 이름과 영어 이름, 속도, 화면 움직임 줄이기 설정을 켠 사람을 위한 처리까지 들어 있습니다. 숫자는 내 화면에 맞게 고쳐도 됩니다.
- 기기에서 화면 움직임 줄이기를 켜 두었다면 예시가 저절로 움직이지 않고 완성된 모습으로 보입니다. 다시 보기를 누르면 움직임을 볼 수 있습니다.
- 효과는 한 화면에 한두 가지만 쓰는 편이 읽기 좋습니다. 본문 전체보다 제목·핵심 문장에 씁니다.
자주 묻는 질문
- 이런 효과의 이름을 알면 뭐가 좋나요?
- AI에게 "글자가 하나씩 나타나게"라고 길게 설명하지 않고 "타이핑 효과(typewriter)"라고 부르면 원하는 움직임을 더 구체적으로 전달할 수 있습니다. 영어 이름을 함께 쓰면 예시 코드도 더 잘 찾습니다.
- 부탁 문장은 어떤 AI에 쓰나요?
- ChatGPT, Claude, Gemini처럼 코드를 만들어 주는 AI 대화창이나 코딩 도구에 붙여넣으면 됩니다. 이미 만든 페이지가 있다면 그 코드와 함께 보내면 됩니다.
- 효과를 넣으면 사이트가 느려지지 않나요?
- 글자 효과 대부분은 브라우저 기본 기능(CSS)만으로 만들 수 있어 가볍습니다. 흐림(블러)처럼 무거운 효과는 짧게, 화면에 보일 때 한 번만 실행하게 부탁하면 됩니다.
- 움직임이 불편한 사람은 어떻게 하나요?
- 기기 설정의 '동작 줄이기(움직임 줄이기)'를 켠 사람에게는 효과 없이 완성된 글자를 보여 주는 것이 좋습니다. 이 페이지의 부탁 문장에는 그 처리가 들어 있습니다.