mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-nostr.git
synced 2026-01-29 08:53:18 +00:00
21 lines
700 B
Markdown
21 lines
700 B
Markdown
---
|
|
name: text-animations
|
|
description: Typography and text animation patterns for Remotion.
|
|
metadata:
|
|
tags: typography, text, typewriter, highlighter ken
|
|
---
|
|
|
|
## Text animations
|
|
|
|
Based on `useCurrentFrame()`, reduce the string character by character to create a typewriter effect.
|
|
|
|
## Typewriter Effect
|
|
|
|
See [Typewriter](assets/text-animations-typewriter.tsx) for an advanced example with a blinking cursor and a pause after the first sentence.
|
|
|
|
Always use string slicing for typewriter effects. Never use per-character opacity.
|
|
|
|
## Word Highlighting
|
|
|
|
See [Word Highlight](assets/text-animations-word-highlight.tsx) for an example for how a word highlight is animated, like with a highlighter pen.
|