Skip to content

Instantly share code, notes, and snippets.

@CodeMyUI CodeMyUI/index.html
Created May 9, 2017

Embed
What would you like to do?
Weekly Inspiration: Good Gracious, Gradients
<a class="register-button" href="#tickets">Get My Tickets</a>
body {
padding: 100px 0 0;
text-align: center;
background: #f7f7f7;
}
.register-button {
border: 6px solid transparent;
border-image: linear-gradient(to right, #0865F1 0%, #C704F6 100%);
border-image-slice: 1;
background: #fff;
color: #000;
font-size: 2em;
padding: 10px 40px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}
.register-button:hover {
background-color: white;
background: linear-gradient(to right, #0865F1, #C704F6);
color: #fff;
}
@codegrau

This comment has been minimized.

Copy link

commented Nov 13, 2018

Hi, @CodeMyUI
this isn't working in safari. Any idea how to solve this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.