Created
September 5, 2021 04:06
-
-
Save diazvictor/3ef2925982f66c0a0ca8c4985f78616f to your computer and use it in GitHub Desktop.
Button With Gradient Border In GTK3
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Button defect styles reset */ | |
button { | |
box-shadow: none; | |
text-shadow: none; | |
border: none; | |
outline: none; | |
} | |
/* The box will simulate the border */ | |
box { | |
padding: 2px; | |
background-color: #F24225; | |
background-image: linear-gradient(to right, #F24225, #BC2960); | |
border-radius: 50%; | |
} | |
/* Enlarge the padding of the button to complete the effect */ | |
box button { | |
background: white; | |
padding: 15px; | |
border-radius: 50%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Are you talking about a registration form ?