Social Network Input Focus

Dribbble

This is part of a profile that enables people to add links for all of their social channels. I have placed brand icons into each text input, which are immediately visible. But using the CSS :focus selector I apply a colorful surprise on focus with a unique color for each text input which reflects the brand of its respective channel. Important? No. Delightful? I think so.

keyboard shortcuts: L or F like post comment