Button by Javierrocadev
#212121
HTML +TailwindCSS
1<button class="group group-hover:before:duration-500 group-hover:after:duration-500 after:duration-500 hover:border-rose-300 hover:before:[box-shadow:_20px_20px_20px_30px_#a21caf] duration-500 before:duration-500 hover:duration-500 underline underline-offset-2 hover:after:-right-8 hover:before:right-12 hover:before:-bottom-8 hover:before:blur hover:underline hover:underline-offset-4 origin-left hover:decoration-2 hover:text-rose-300 relative bg-neutral-800 h-16 w-64 border text-left p-3 text-gray-50 text-base font-bold rounded-lg overflow-hidden before:absolute before:w-12 before:h-12 before:content[''] before:right-1 before:top-1 before:z-10 before:bg-violet-500 before:rounded-full before:blur-lg after:absolute after:z-10 after:w-20 after:h-20 after:content[''] after:bg-rose-300 after:right-8 after:top-3 after:rounded-full after:blur-lg"> 2 See more 3</button> 4 5
5.7K views
5.7K views
lexzor 7. April at 20:08
7. April at 20:08
very nice, thanks for sharing it
adamgiebl
Pro+
9. October 2023. at 19:249. October 2023. at 19:24
really cool!
Javierrocadev
Pro
11. October 2023. at 16:2411. October 2023. at 16:24
@adamgiebl I'm glad you like it, thank you!
Variations
2331 views
MIT License