DEV Community

Cover image for How to make a Cyberpunk 2077 button with CSS

How to make a Cyberpunk 2077 button with CSS

Leandro RR on February 27, 2020

hello people! in this post, i will show you how to make a button with the theme Cyberpunk 2077 using just CSS. let's go samurai, we a have a text e...
Collapse
 
gughog profile image
Gustavo Oliveira

Wow, such a breathtaking button! 😄 😄

Collapse
 
lipfroy profile image
Vlad Kobyzev

You're breathtaking! Everyone here is breathtaking!

Collapse
 
theodesp profile image
Theofanis Despoudis

Leave the buttons alone and get me the game!!!

Collapse
 
knpfletcher profile image
Karen Fletcher

This is really cool! Thanks for posting this write-up!

Have you considered adding a prefers-reduced-motion media query for folks that are motion sensitive?

Great work and thanks for sharing!

Collapse
 
henriquerulez profile image
Pedro Henrique • Edited

That's one of the sickest animations I've seen, congrats mano.

Also, do you have any resource so I can learn better @keyframe animations? Most code I write are using like opacity 0 to 1 and translate3d lol.

Great work!

Collapse
 
adusoft profile image
Geofrey Aduda

Nice one , wonderfull button

Collapse
 
abdisalan_js profile image
Abdisalan

Very cool and creative use for ::before and ::after selectors!