css NEON TEXT

Site URL: https://www.youtube.com/watch?v=KJbFj5mgM6s&t=202s

CSS DESIGN 

.neon-text { color: #FFB6C1; 
text-shadow 0 0 10px, 0 0 20 px, 0 0 30px, 0 0 40px } 

CODE BLOCK 

<h4 <div class = "neon-text">
ADD TEXT HERE  </div>

Why isn't this style code working I'd trying to achieve neon text - font example 

Can someone help. I just want to add it to H3 text

Here you go @christina_marie_333

Drop this in your Code Block

<h3 class="neon-text">
ADD TEXT HERE  </h3>

And this in your CSS

.neon-text { 
  color: #FFB6C1 !important; 
  text-shadow: 0 0 10px #ff006c, 0 0 20px #ff006c, 0 0 30px #ff006c, 0 0 40px #ff006c; 
} 

Thanks for sharing my video too 🙂

Thank you Carl, I love all your YouTube Videos they have been so helpful for me over the years.  

Would it be possible to add text animation like <div text-drop>  to the neon text? Would I do this by selecting the code block id? in the CSS? How would I incorporate neon font with text animation? 

https://lenadesign.org/2022/01/07/css-text-drop-animation/

How do I combine the two? 

I've started it but its messy. 

Code block

<h4 class="neon-text"
<div id="text-drop">
  <div class="h">R</div>
  <div class="e">e</div>
  <div class="v">v</div>
   <div class="i">i</div>
  <div class="l">e</div>
    <div class="l2">w</div>
  <div class="o">s</div>
</div>

CSS

#text-drop {
  position: relative;
  display: flex;
  font-size:60px;
  font-family: arial;
  font-weight: 900;
}

.h {
  opacity:0;
  animation: drop .4s linear forwards;
  color: #ffff;
}

.e {
  opacity:0;
  animation: drop .4s linear forwards .2s;
  color: #ffff;
}

.l {
  opacity:0;
  animation: drop .4s linear forwards .4s;
  color: #ffff;
}

.l2 {
  opacity:0;
  animation: drop .4s linear forwards .6s;
  color: #ffff;
}

.o {
  opacity:0;
  animation: drop .4s linear forwards .8s;
  color: #ffff;
}

@keyframes drop {
  0% {transform: translateY(-200px) scaleY(0.9); opacity: 0;}
  5% {opacity: .7;}
  50% {transform: translateY(0px) scaleY(1); opacity: 1;}
  65% {transform: translateY(-17px) scaleY(.9); opacity: 1;}
  75% {transform: translateY(-22px) scaleY(.9); opacity: 1;}
  100% {transform: translateY(0px) scaleY(1); opacity: 1;}
}
?