Skip to content

Instantly share code, notes, and snippets.

@YonathanMeguira

YonathanMeguira/buttons.css

Created February 20, 2018 12:21
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save YonathanMeguira/d28a4421361b1c35fa7a667d83272c11 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save YonathanMeguira/d28a4421361b1c35fa7a667d83272c11 to your computer and use it in GitHub Desktop.
Download ZIP
cool buttons
Raw
buttons.css
/* orange to red buttons with animation on hover */
.warm-btn{
padding: 10px 20px;
font-weight: 600;
color: #ff386a;
border: solid 1px #ff386a;
text-transform: uppercase;
font-size: 0.9em;
background-color: transparent;
transition: .3s;
}
.warm-btn:hover{
border-radius: 20px;
background-image: linear-gradient(90deg,#d9534f,#ff386a);
border: solid 1px #d9534f;
color: white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment