A look at creating a neon button effect using CSS, including a glowing reflection on the “ground”, and a little dive into the world of performance as well.

The code: https://codepen.io/kevinpowell/pen/QWdRzON

⌚ Timestamps

  • 00:00 - Introduction
  • 00:50 - What we’re starting with
  • 01:20 - Styling the button
  • 03:54 - Adding the glow to the text
  • 06:20 - Adding the glow to the button
  • 07:39 - Adding the reflection
  • 13:42 - Adding the hover/focus styles

#css #web-development #programming #developer

Create A Neon Button with A Reflection using CSS
5.35 GEEK