[FEATURE]: Add a Glassmorphic button

[vishnuprasad2004]

Feature Description 📝

A Glassmorphism Button (button with glass-like effect)

Tailwind Playground link: https://play.tailwindcss.com/Y9Sr11vrVR

Screenshots 📸

In Light Mode In Dark mode

[github-actions[bot]]

Hello @vishnuprasad2004,

Thanks for creating this issue and contributing to SyntaxUI!

@Ansub will review your issue soon and provide feedback. In the meantime, feel free to join the discord community, It's a great place to discuss the project, ask questions, and connect with other contributors.

Please ensure that you have followed the contributing guidelines for a smooth review process.

[epoll31]

I had also created a Glassmorphism Button for SyntaxUI in the past.

Here is what mine looks like.

https://github.com/Ansub/SyntaxUI/assets/16091805/31a88df8-1122-4d3d-9900-6335e75f7d99

[Ansub]

@epoll31 what if we remove that red background at the back

[epoll31]

This is what that looks like:

The red part behind it is what gives it it's glassy look.

[Ansub]

hmm, you are right. we can do something similar to this then

https://codepen.io/tin-fung-hk/pen/MWrRqBw

[epoll31]

That's pretty similar to what I had :). Do you want me to make it a square, or rotate the background, or both?

[Ansub]

can you raise a PR for the glassmorphism button you made or lmk if it was already there i will re-open it

[Ansub]

we actually need that button but looking for a better UI @vishnuprasad2004