cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Pure CSS glitched, noisy, analog-y text.


  1. This is awesome!

  2. Absolutely fantastic.

  3. That's really, really cool!

  4. Nicely done!

  5. Thanks people! Glad you like it

  6. This is the coolest thing that I've seen on here in a while. Very clever, congrats!

  7. This is awesome. bro!

  8. Nice! Is there a way to do this with images?

  9. @rprojectonline Sure! Just change the element's (and its :before and :after) content for an image and you're set

  10. This is so cool!

  11. @lbebber thanks for the tip!

  12. @renan hahah pois é! obrigado!

  13. Just though I'd link up this CSS Tricks article written on this in case anyone is interested.

  14. this is great. Instead of words is there a way to make an image glitch instead of words?

  15. Man, everything you do is so elegant and smooth. Love it

  16. @teddarcuri You're too kind. Thanks!

  17. asome man you are asome ASOME!!!!!!!!!!

  18. I forked your amazing pen and used it in a youtube video.

  19. Can you make this look same on non solid background? Ie. movie or background-image?

  20. @fevis Sure, just might need a tweak or two.

  21. This is awesome. Right what I needed. Thanks :D

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.