Create a neon button with a reflection using CSS

I have an issue. everything is fine except that z-index in the end isn't working for me. it just stays on top except when i give z-index: -1; the after thing disappears.
can someone provide me with a fix?

How to add text just above that neon button??

Firefox programmers sucks. Bought and paid by evil Google.

not working

nothing is working for me on elementor!!!!

really amazing

Amazing video! These buttons were perfect for my client's project. I always enjoy your stuff so I gave you a sub.

Hi. I'm newbie but have comment. ".neon-button:hover::before" "opacity: 1;" doesn't work for me. i used "filter: blur;" to get effect

Python>>>>>>>>>css
Beginner>>>>>>>>pro
But I am 👆 here 😂😂😂

I didn't know about the filter blurr omg im gonna make one for myself today!!! Wow.

Thanks Kevin !

Thanks, that was very helpful :D

Hai sir how can i make 3 button one by one in a vertical

pure art my friend

Hi @kevin amazing tutorial and a cool looking hover-effect. Is it possible to combine it with the "ripple-effect" for mobile interactions?

you are an artist

amazing class

Really great tutorial, I just wish you could talk a little slower so I don’t have to play all your videos on 0.75x speed.

really good

How can I get this code?

Thanks a lot for that information, that was quite useful ^^

fascinating! Been doing 3D since 2010 - HTML & CSS have come a LONG way

Awesome.. it would become more. If you could provide SRC code for free...

Thank you! Love your videos!!❤

OMG stunning man

This is really friggin rad! I split my time pretty evenly between 2d graphics design, 3d art and design and software development, so it was wild to all of a sudden see concepts from 3d graphics just all of a sudden hanging out with CSS like this!

That was super crazy and fun. But, I wish the button color became white on hovering 😊

Hi there. How do I add a link within this button?

I ❤ his smile when he realizes how awesome he is😅

Awesome man Thanks, really learnt new stuff from the video

Hi Kevin really great video , can you make video ,and show us how to style table and make them responsive and show us some tricks ?

My daughter’s first 👩‍💻 is looking 😍thanks to your easy to follow videos. 🙏

This is amazing

Best channel for CSS thank you Kevin for amazing content :)

How’d you get a live preview? Is it a vs extension?

nice to see some vanilla css and not the stupid tailwind or bootstrap rewritten spaghetti attributes

A beginner learning web dev here. I’d like to extend a huge thank you, Kevin, this video made me understand the power of css like no other. Amazing content

So awesome! Your videos never disappoint. 😎

I want to understand the Meta tag stuff also. I understand the UTF-8 one where we declare the encoding according to HTML5 standards. But what is viewport, X-UA-Compatible etc.?

how do I reverse the neon on and off ? I have 2 buttons. I want to attach this css to the defaulted ON button but i want the neon to auto brighten on a page refresh. Then, i need to be able to toggle the effect on and off from the 2 buttons.

You are css legend

Absolutely LOVE your work Kevin - thank you so much

can we get a link to this code

animation shadows really isnt janky if you do it the right way, it ::after was absolutely unnessesary

That's a long code for a button.

My guy made a 20 minute video for only the neon button
😶
w3school
stackoverflow

note to self : watch before and after pseudo elements CSS after done with video