What do they mean by "focus" state here? (second picture with white background)
What do they mean by "focus" state? Is it tab-targeting? Hover? After I click it?
And how would you go about achieving it?
6 Replies
From MDN:
It is generally triggered when the user clicks or taps on an element or selects it with the keyboard's Tab key.
https://developer.mozilla.org/en-US/docs/Web/CSS/:focus
You can style it with
Roger. Now I just need to figure out how they styled it. xD
It looks like they just added an outline
They say double shadow
in FIGMA
But what ever. I'll figure it out! Thank for help
It is outline!
Thanks
and dropshadow
box-shadow*
Do you maybe know how to add code for second click?
To style it when it's unchecked?
Oh I guess :checked:focus and regular :focus
Got it! Thanks a lot!