See the Code - See it Full Page - See Details
The bi-directional animation is done by using ~ sibling selectors. ps. WebKit only -> uses appearance:none; Cross-Browser version by @ryanseddon: http://jsfiddle.net/ryanseddon/FeJT2/
This Pen uses: HTML, CSS, JavaScript, and