Effetto glow su bottoni con i CSS

Mattepuffo's logo
Effetto glow su bottoni con i CSS

Effetto glow su bottoni con i CSS

In questo articolo vediamo un piccolo snippet CSS per creare un effetto glow sui bottoni nell'hover.

Non c'è molto da dire, quindi ecco il codice:

<style>
  button {
	border: none;
	transition: .4s ease-in;
  }

  button:hover {
	background: #2470dc;
	box-shadow: 0 0 5px #2470dc, 0 0 25px #2470dc, 0 0 50px #2470dc, 0 0 200px #2470dc;
  }
</style>

<button type="button">BUTTON</button>

Enjoy!


Condividi

Commentami!