Animated glitch text effect with CSS only

1 year ago
9

I don't think I'd use this very often, but it's a fun way to play around with CSS! A fun use of text-shadows, keyframes and clip-path can lead to a pretty nice looking glitch effect for some text.

One thing that's important is to stop the animation for users who prefer not having animations, so we take a look at that too.

Clip path tool: https://bennettfeely.com/clippy/

Codepen of this: https://codepen.io/kevinpowell/pen/YzqerQm

Loading comments...