![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by
catraco
#212121
HTML +TailwindCSS
1<button class="bg-red-950 text-red-400 border border-red-400 border-b-4 font-medium overflow-hidden relative px-4 py-2 rounded-md hover:brightness-150 hover:border-t-4 hover:border-b active:opacity-75 outline-none duration-300 group"> 2 <span class="bg-red-400 shadow-red-400 absolute -top-[150%] left-0 inline-flex w-80 h-[5px] rounded-md opacity-50 group-hover:top-[150%] duration-500 shadow-[0_0_10px_10px_rgba(0,0,0,0.3)]"></span> 3 Hover Me 4</button>
6.7K views
6.7K views
KattaNirmalTej 26. May at 11:03
26. May at 11:03
can anyone explain how to use it im a begginer and i like the style you used its awesome
ayman-ashine 27. May at 3:45
27. May at 3:45
@KattaNirmalTej first thing you need tailwind css in your project and then copy paste
KattaNirmalTej 30. May at 18:11
30. May at 18:11
@KattaNirmalTej thanks a lot teach 🫡
adamgiebl
Pro+
30. July 2023. at 1:2430. July 2023. at 1:24
Cool!
Variations
10832 views
793 views
763 views
729 views
709 views
665 views
663 views
657 views
643 views
MIT License