Semi-transparent UI buttons work wonderfully well in user interfaces that have photographic image backgrounds.
Copy and paste the CSS in semi-transparent-buttons.css to your stylesheet, then modify as needed.
- The background photo used in the demo is from Unsplash and is by Ales Krivec.
- Web fonts in the demo are served through Google Fonts. The fonts used are Lato by Lukasz Dziedzic and Open Sans Condensed by Steve Matteson.
- The idea for semi-transparent UI buttons came from the Tumblr front page.
The source code contained in semi-transparent-buttons.css, README.md, /demo/index.html and /demo/styles.css are in the public domain. Anyone is free to copy, modify, publish, use, compile, sell, or distribute the source code for any purpose, commercial or non-commercial, and by any means.