Every effect in /css/text-effects.css. Copy the code on the right to use one.
| Name | Example | Code |
|---|---|---|
| OUTLINES | ||
| brand-text | APOCALYPSE PROPHET | <span class="brand-text">text</span> |
| brand-text-lg | APOCALYPSE PROPHET | <span class="brand-text-lg">text</span> |
| MOVEMENT | ||
| jitter | the end is nigh | <span class="jitter">text</span> |
| jitter-hard | the end is nigh | <span class="jitter-hard">text</span> |
| wobble | the end is nigh | <span class="wobble">text</span> |
| float | the end is nigh | <span class="float">text</span> |
| shake-hover | hover over me | <span class="shake-hover">text</span> |
| LIGHT | ||
| flicker | the end is nigh | <span class="flicker">text</span> |
| blink | the end is nigh | <span class="blink">text</span> |
| glow | the end is nigh | <span class="glow">text</span> |
| glitch | the end is nigh | <span class="glitch">text</span> |
| TEXTURE | ||
| metal-grunge | <span class="metal-grunge">text</span> |
|
| metal-grunge + jitter | <span class="metal-grunge jitter">text</span> |
|
| SPEED | ||
| wobble slow | the end is nigh | <span class="wobble slow">text</span> |
| wobble fast | the end is nigh | <span class="wobble fast">text</span> |
| COMBINED | ||
| outline + effect | APOCALYPSE PROPHET | <span class="brand-text-lg glitch">text</span> |
| two effects (nested) | the end is nigh | <span class="flicker"><span class="jitter">text</span></span> |