CSS: Pretty Buttons With bttn.css
Do you like the current ghost buttons or the ones in Material Design? No matter which flat design concept you prefer, I'm sure the small stylesheet bttn.css has one or two buttons you'll like.
bttn.css: 13 Different Flat Style ButtonsButtons in pure CSS are the way of choice for modern buttons. The stylesheet bttn.css makes the creation of appealing buttons very easy. All it takes is the distribution of predefined classes. The following button , for example, is created using the following class assignments:
<button class="bttn-slant bttn-lg bttn-success">large</button>It doesn't get much easier than that. bttn.css comes with thirteen buttons in six colors, and four sizes. Each parameter is attached as an additional class. The developer could've made the color definitions a bit clearer, however. You might figure out that
bttn-successrepresents green, but
bttn-royalfor purple, or
bttn-warningfor orange requires an unnecessary faculty of abstraction which won't even lead to the right associations in some parts of the world. Whatever, you have to figure out the six color classes if you want to use them.