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>
4.9K views
4.9K views
adamgiebl
Pro+
30. July 2023. at 1:2430. July 2023. at 1:24
Cool!
Variations
10679 views
619 views
611 views
592 views
590 views
527 views
525 views
523 views
518 views
MIT License