Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where:
- You have to press a special combination of keys on a keyboard.
- Then type a secret password.
A lot of little known features and tricks is combined here to pull this off, like HTML’s
pattern attributes, as well as
:valid in CSS—not to mention the custom property toggle trick.
That’s… wow. And yet, look how very little code it is.
Note: on Firefox (Windows), you need to use Alt-Shift-C