A bunch of feedback ideas for your buttons. This demo does not rely on any particular coding technique, instead it just serves just as an inspiration to give your interfaces some more dynamism. I hope you'll enjoy it!
Demo at: creativespooks.com/ui-feedbacks
Note: more is coming! Suggestions are welcomed!
- Tested just on Chrome 33, Firefox 27, Safari 7
- Firefox seems to have some problems in transitioning paths inside inline SVGs. I'm playing around the code to make it work better. Plus, I get some artifacts in the rendering. I fear I won't be able to fix them.
previousElementSiblingis not supported by Safari. That's why the last section doesn't work. More infos here: ChildNode.previousElementSibling. Going to fix it as soon as possible!- On touch devices (I could test just Chrome on Android), these feedbacks tend to remain in a "focused" state. I'm investigating on this, but shouldn't be a big problem.