`:hover`

Aplica estilos mientras el cursor esta sobre el elemento. Funciona sin JavaScript y responde en tiempo real.

Vista previa

Codigo

ejemplo.html

<style>
  .boton:hover { background: #000; color: #fff; }
</style>
<button class="boton" style="padding:10px 18px;border:2px solid;background:transparent;cursor:pointer;">Pasa el cursor aqui</button>