Animated glitch text effect with CSS only

Join my Discord community: 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. article on prefers-reduced-motion: #(bonus)-forcing-reduced-motion-on-all-websites Clip path tool: Codepen of this: Timestamps 00:00 - Intro 01:00 - Glitch setup 04:11 - Glitch animation 07:43 - Broken text effect 16:21 - prefers-reduced-motion 18:28 - outro -- Come hang out with other dev’ ... #HTML #CSS #css_glitch #css_glitch_text #glitch_effect #css_glitch_effect #glitch_effect_html_css #glitch_text_effect #css_effects 20200923 7Xyg8Ja7dyY