user profile image

This pen shows how pure CSS can be used to re-create the cracked text effect from the Black Mirror TV show intro.


  1. I modified your pen to be more accessible: https://codepen.io/jensgro/pen/ZEzqNXR

    This comes with the cost of duplicating content. But as we usally use a CMS, this should technically be no problem. Your solution would end in reading the same text three times to a screenreader. Unfortunately you cannot suppress the reading auf a pseudoelement, as you can do it with HTML via aria-hidden.

  2. BTW: a really cool effect!

  3. @jensgro Hey apologies for the very late reply, thanks so much for taking the time to make the project more accessible, really awesome work!

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

You must be logged in to comment.