Skip to content

Instantly share code, notes, and snippets.

@mcnaveen
Last active November 24, 2017 14:42
Show Gist options
  • Save mcnaveen/56ffbdfdf342082f537ddca7eaa9705c to your computer and use it in GitHub Desktop.
Save mcnaveen/56ffbdfdf342082f537ddca7eaa9705c to your computer and use it in GitHub Desktop.
Simple CSS Button
<button style="background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Georgia; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; text-decoration: none;"> BUTTON TEXT Goes Here </button>
@mcnaveen
Copy link
Author

Sample Image : https://imgur.com/a/dg8j4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment