CSS Live Preview Available

Neon Glow Button

Eye-catching neon glow button with hover animation effects

CSS3NeonButtonAnimationHover

Code

.neon-button {
  padding: 12px 32px;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  background: #000;
  color: #fff;
  cursor: pointer;
  box-shadow: 0 0 5px #0ff, 0 0 20px #0ff;
  transition: all 0.3s ease;
}
.neon-button:hover {
  box-shadow: 0 0 10px #0ff, 0 0 30px #0ff, 0 0 60px #0ff;
  transform: translateY(-2px);
}

HTML

<"attr-name"</span>>class</span>="tag"</span>>button</span> "attr-name"</span>>class</span>="neon-button"</span>>Neon Button</"attr-name"</span>>class</span>="tag"</span>>button</span>>

Live Preview