Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen reveals off interactivity the place:
You must press a particular mixture of keys on a keyboard.Then sort a secret password.
From there, a particular message pops up on the display. Simply JavaScript territory, however no, that is accomplished right here totally in HTML and CSS, which is wild.
So much of little identified options and methods is mixed right here to drag this off, like HTML’s accesskey and sample attributes, in addition to :not(), :placeholder-shown, and :legitimate in CSS—to not point out the customized property toggle trick.
That’s… wow. And but, look how little or no code it’s.
To Shared Hyperlink — Permalink on CSS-Tips
The submit Detecting Particular Textual content Enter with HTML and CSS appeared first on CSS-Tips. You possibly can assist CSS-Tips by being an MVP Supporter.
Subscribe to MarketingSolution.
Receive web development discounts & web design tutorials.
Now! Lets GROW Together!