#2ecc71;

[coddinghubit]

Flat Styled Buttons with CSS3 - Code it hub

Author: Views Total: 306 views Official Page: Go to website Last Update: January 14, 2014 License: MIT Preview: Description: In this post we’re going to create some trendy fashion flat styled web buttons by using CSS3 box-shadow property. How to use it: Create buttons for 3 states (normal, hover and pressed.) Normal hover Pressed The CSS .normal { border-radius: 5px; background-color: #2ecc71; -webkit-box-shadow: inset 0 -6px 1px rgba(123,123,123,.34); box-shadow: inset 0 -6px 1px rgba(123,123,123,.34); color: #fff; text-align: center; padding: 10px 50px; font-size: 42px; font-family: arial; font-weight: bold; display: inline-block;…

[thecodemaking]

Flat Styled Buttons with CSS3 - Code it hub

Author: Views Total: 306 views Official Page: Go to website Last Update: January 14, 2014 License: MIT Preview: Description: In this post we’re going to create some trendy fashion flat styled web buttons by using CSS3 box-shadow property. How to use it: Create buttons for 3 states (normal, hover and pressed.) Normal hover Pressed The CSS .normal { border-radius: 5px; background-color: #2ecc71; -webkit-box-shadow: inset 0 -6px 1px rgba(123,123,123,.34); box-shadow: inset 0 -6px 1px rgba(123,123,123,.34); color: #fff; text-align: center; padding: 10px 50px; font-size: 42px; font-family: arial; font-weight: bold; display: inline-block;…