DEV Community

Cover image for Buttons with awesome Hover effects Using only HTML and CSS | Valorant CSS Buttons
Michael "lampe" Lazarski
Michael "lampe" Lazarski

Posted on

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

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

Top comments (9)

Collapse
 
nikhilmwarrier profile image
nikhilmwarrier

Cool!

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

Thanks :)

Collapse
 
nikhilmwarrier profile image
nikhilmwarrier

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

Collapse
 
hrshmistry profile image
Harsh Mistry

Awesome work!

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

Thank you!

Collapse
 
httvhutceoscop profile image
Viet NT

oh great!

Collapse
 
lampewebdev profile image
Michael "lampe" Lazarski

Thanks ;)

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
Michael "lampe" Lazarski

Nope not only you :)