Louis Lazaris analiza algunos trucos CSS auténticos de Jane. El Pen muestra interactividad donde:
- Tienes que presionar una combinación especial de teclas en un teclado.
- Luego escriba una contraseña secreta.
A partir de ahí, aparece un mensaje especial en la pantalla. Fácilmente territorio de JavaScript, pero no, esto se hace aquí completamente en HTML y CSS, lo cual es salvaje.
Aquí se combinan muchas funciones y trucos poco conocidos para lograrlo, como HTML accesskey y pattern atributos, así como :not(), :placeholder-shown, y :valid en CSS, sin mencionar el truco de alternancia de propiedades personalizadas.
Eso es… guau. Y, sin embargo, mira lo poco código que es.
Enlace directo →