Louis Lazaris erklärt einige echte CSS-Tricks von Jane. Der Pen zeigt Interaktivität, bei der
- Sie eine spezielle Tastenkombination drücken müssen.
- Geben Sie dann ein geheimes Passwort ein.
Von dort taucht eine spezielle Nachricht auf dem Bildschirm auf. Leicht JavaScript-Territorium, aber nein, das wird hier komplett in HTML und CSS gemacht, was verrückt ist.
Viele wenig bekannte Features und Tricks werden hier kombiniert, um das zu erreichen, wie die Attribute accesskey und pattern von HTML sowie :not(), :placeholder-shown und :valid in CSS – ganz zu schweigen von dem Custom Property Toggle Trick.
Das ist... wow. Und doch, schau, wie wenig Code das ist.
Hinweis: Auf Firefox (Windows) müssen Sie Alt-Shift-C verwenden