We can detect if text input has value by using :placeholder-shown pseudo class.

I had some fun customizing HTML input caret and ended up with a tiny animated giraffe.

This is an interactive article. To fully experience it, you’ll need to turn JavaScript on. Today, I’ll take you through the process I came up with …