css Créer un bandeau avec flèche inversée...

[Jean-Pierre]

Bonjour à toutes et à tous,

J'ai vu sur un site des petits bandeaux avec une sorte de flèche inversée au bout et je n'arrive pas à les reproduire, pouvez-vous m'aider ?
voici un exemple de bandeau (en rouge)

Malheureusement je ne retrouve plus le site en question et j'ai pas pensé à regarder sur la console les propriétés css utilisées.
Donc voilà si vous avez des pistes.

 

[Jack]

et j'ai pas pensé à regarder sur la console les propriétés css utilisées

Et c'est bien dommage, cela aurait du être ton premier réflexe.
Tu n'as pas l'historique de ton navigateur ?

 

[Eleven Up]

Peut-être que ce tuto pourrait être une première piste à explorer

TUTORIEL - Créer un triangle / flèche sur un bloc

Bonjour à tous, Je partage avec vous une petit truc CSS pour créer un bloc avec une flèche de direction, qui peut servir également de bulle, comme en bande dessinée. Je l'ai créé pour le bloc des visiteurs en ligne, Voici les codes HTML et...

cocoriweb.community

Avec un opacity en plus

 

[Nicolas]

Salut,
Essaye ça

<span class="arrow"></span>

.arrow {
  float: left;
  border-style: solid;
  border-width: 11px 5px 11px 10px;
  margin: -1px -15px -5px 0px;
  height: 1px;
  width: 0px;
  border-color: #dd3333 transparent #dd3333 #dd3333;
}

 

[c-cadeau]

Joli !

 

[Jean-Pierre]

Ouais joli, merci Nico.