I wasn’t quite sure how to succinctly ask this, or else I would try to find the answer on google. I hope describing my inquiry here will help.
I am in the process of building a webpage for a client [(Link)](http://kezele.co/kezele/ “Kezele”). I created an effect with the labels that retract when the cursor hovers, allowing to both identify the field and provide more visual space for anyone filling out the form.
I have it working on hover, but I am not quite sure how to target the effect to stay when the input is active. this way, it would not require a cursor hover to display the additional space, and the effect can be achieved by tabbing through the individual fields
hope there is a CSS only solution for this, but I would be open to JS if there is no other way to make this possible.