Bouton en HTML

[invite7b109afa]

Bonjour à tous !

J'ai un problème avec mon Button en HTML, j'aimerais qu'il fasse une redirection sur une autre page, mais je n'y arrive pas.


Voici mon code :

<style>
      
      .button {
      border: none;
      display: block;
      text-align: center;
      cursor: pointer;
      outline: none;
      overflow: hidden;
      position: relative;
      color: white;
      font-weight: 600;
      font-size: 15px;
      background-color: #000000;
      padding: 15px 50px;
      margin: 0 auto;}
      .button span {
      position: relative; 
      z-index: 1;}
      .button:after {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 580%;
      width: 140%;
      background: #0F0F0F;
      -webkit-transition: all .9s ease-in-out;
      transition: all .9s ease-in-out;
      -webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg);
      transform: translateX(-100%) translateY(-25%) rotate(45deg);}
      .button:hover:after {
      -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
      transform: translateX(-9%) translateY(-25%) rotate(45deg);}
    
	</style>
    <div class="container">	
      <button type="button" class="button">
      <span>Redirection</span>
      </button>

Voici mon bouton, j'aimerais qu'il fasse une redirection sur un autre site.

Si une personne agréable pourrais me répondre en modifiant mon code pour que le button redirige sur un site ça serrait super ! Merci
-----

[umfred]

lui ajouter l'évènement onclick

 <button type="button" class="button" onclick="location.href='/page/to/go'">
      <span>Redirection</span>
      </button>