[Résolu] Arrow CSS

Salut,

Si ton bouton a une hauteur fixe tu peux essayer le trick des border sur un pseudo-element :

.btn-arrow::after {
  content:"";
  position: absolute;
  top: 0;
  left:100%;
  height: 0;
  width:0;
  border-width: 10px 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent transparent grey;
}

https://jsfiddle.net/undless/8h9pk20a/

En gros tu fais un carré de height et width égales à 0 et les border vont donc former des triangles (essaie de jouer avec les épaisseurs en mettant une couleur différente pour chaque border si tu veux bien comprendre). Il ne reste plus qu'a mettre les border en transparent, sauf celui qui t’intéresse.