Penis Cursor

Penis Cursor te permite cambiar el cursor del mouse por diferentes penes según la interacción del usuario con los elementos de tu sitio. Esto puede mejorar la experiencia de usuario y hacer que tu sitio web sea más atractivo y por ende mantener a los usuarios por más tiempo, además probablemente compartiran el sitio con sus amistades.

Estilos de cursor

Pene arriba

Cuando el cursor se encuentra sobre un campo de texto, un botón, un enlace o un elemento con la clase penis-up, cambia a un pene erecto.

Pene terminando

Cuando el cursor hace click sobre un campo de texto, un botón, un enlace o se encuentra sobre un elemento con la clase penis-ending, cambia a un pene eyaculando.

Pene bajo

Cuando el cursor se encuentra sobre cualquier elemento distinto a los anteriores o sobre un elemento con la clase penis-down, cambia a un pene caido.

Ejemplo

              
<div class="mb-3">
  <label for="exampleInput" class="form-label">Campo de texto</label>
  <input type="email" class="form-control" id="exampleInput" />
</div>

<div class="mb-3">
  <label for="exampleInput" class="form-label">Campo con la clase .penis-down</label>
  <input type="email" class="form-control penis-down" id="exampleInput" />
</div>

<div class="mb-3 form-check">
  <input type="checkbox" class="form-check-input" id="exampleCheck1" />
  <label class="form-check-label" for="exampleCheck1">Check</label>
</div>

<div class="mb-3">
  <button class="btn btn-primary">Botón</button>
  <button class="btn btn-primary" disabled>Botón apagado</button>
</div>

<p class="penis-up">Párrafo con la clase .penis-up</p>
<p class="penis-ending">Párrafo con la clase .penis-ending</p>

Campo de texto

Campo con la clase .penis-down

Check

Párrafo con la clase .penis-up

Párrafo con la clase .penis-ending