A TailwindCSS glowing gradient border button
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
// this is necessary to fix the blur effect in safari | |
//... | |
theme: { | |
extend: { | |
willChange: { | |
'filter': 'filter', | |
} | |
}, | |
}, | |
//... |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
A glowing gradient border button built with pure TailwindCSS
Size is fixed, sou you will have to adjust it to your needs.
You must pass the gradient style as prop. See comment for inspiration.
This is how it looks in action:
Screen.Recording.2022-10-18.at.9.03.13.AM.mov