Detecting Specific Text Input with HTML and CSS

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.

From there, a special message pops …

The post Detecting Specific Text Input with HTML and CSS appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/detecting-specific-text-input-with-html-and-css/

Creată 3y | 9 nov. 2021, 23:21:04


Autentifică-te pentru a adăuga comentarii

Alte posturi din acest grup

Container query units: cqi and cqb

A little gem from Kevin Powell's "HTML & CSS Tip of the Week" website, reminding us that using container queries opens up container query units for sizing things based on the size of the queried co

6 feb. 2025, 15:40:06 | CSS tricks
Baseline Status in a WordPress Block

The steps for how I took the Baseline Status web component and made it into a WordPress block that can be used on any page of post.


5 feb. 2025, 16:30:08 | CSS tricks
Compiling CSS With Vite and Lightning CSS

Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.

<hr

3 feb. 2025, 15:40:18 | CSS tricks
Keeping the page interactive while a View Transition is running

When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running

31 ian. 2025, 20:30:06 | CSS tricks
Chrome 133 Goodies

Did you see the release notes for Chrome 133? It's currently in beta, but the Chrome team has been publishing a slew of new articles with pretty incredible demos that are tough to ignore. I figured

31 ian. 2025, 15:50:08 | CSS tricks
The Mistakes of CSS

All of the things that the CSS Working Group would change if they had a time-traveling Delorean to go back and do things over.


30 ian. 2025, 16:40:05 | CSS tricks
What on Earth is the `types` Descriptor in View Transitions?

The @view-transition at-rule has two descriptions. One is the commonly used navigation descriptor. The second is types, the lesser-known of the two, and one t

29 ian. 2025, 15:10:17 | CSS tricks