Post

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of #CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: css-tip.com/single-digit... As a bonus, you can control the number of characters by adjusting the "maxlength" attribute.

13/2/25, 12:56 pm10 reposts92 likes

Óscar Carrasco

Fantastic idea of using the monospace character width with a repeating gradient.

Óscar Carrasco

Out of curiosity, do you think there’s a way to make selection only wrap the individual characters?

Óscar Carrasco

Nevermind

Christoph Päper

You might want to add a fallback value for —_n. That `background` rule is so convoluted. There needs to be a simpler way for an effect that basic.

It's actually a very simple background because it's only 2 gradients that create straight lines and you have the CSS variables to control everything.

Christoph Päper

I know it’s simple. It just doesn’t look simple.