What is a good way to style this edit button so it looks "Toggled On":
I'm not really sure how to style the "toggled" state so that it is clear, looks nice, and is congruent with the look I've created. Its a flat UI. The button sort of looks like translucent paper to me.
Preferably it would be something that can be done in HTML/CSS only.
Some ideas I had:
- Pressed in like - make it look concave
- Highlight - make it glow or make the color brighter
- Something else?
Zoomed out a little so you can see it in contex:
Creates a JS Fiddle if anyone feels like messing with the CSS:
https://jsfiddle.net/0m1ra07a/
This is the UI in action if this is helpful: