sixrevisions / semi-transparent-buttons

Semi-transparent UI buttons work wonderfully well on user interfaces with photographic image backgrounds.

Semi-Transparent Buttons

Semi-transparent UI buttons work wonderfully well in user interfaces that have photographic image backgrounds.

Demo

View Demo

Read Tutorial

How to Use

Copy and paste the CSS in semi-transparent-buttons.css to your stylesheet, then modify as needed.

Credits

• 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.

License: Public Domain

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.