DEV Community

loading...
Cover image for Buttons with awesome Hover effects Using only HTML and CSS | Valorant CSS Buttons

Buttons with awesome Hover effects Using only HTML and CSS | Valorant CSS Buttons

lampewebdev profile image Michael "lampe" Lazarski ・1 min read

Hey,

Valorant the new hype when it comes to competitive FPS games.

One thing I liked about the Valorant websites is the overall design.
One element that stuck out the most to me were the buttons.

Here is a video from start to finish!

And here you can see how it will look!

If you just want to see the code it is here:
https://github.com/lampewebdev/valorant-button-css

👋Say Hello! Instagram | Twitter | LinkedIn | Medium | Twitch | YouTube

Discussion (9)

pic
Editor guide
Collapse
nikhilmwarrier profile image
Collapse
lampewebdev profile image
Collapse
nikhilmwarrier profile image
Nikhil M Warrier

Hey, you're welcome! The effect was really awesome!!!

Collapse
hrshmistry profile image
Harsh Mistry

Awesome work!

Collapse
lampewebdev profile image
Collapse
httvhutceoscop profile image
Viet NT

oh great!

Collapse
lampewebdev profile image
Collapse
pejetavwo profile image
Patrick Ejetavwo

Thought I was the only one who visited the website and fell in love with the buttons.

Collapse
lampewebdev profile image