Flèche transparente en CSS (triangle CSS, bordures)

En CSS, vous le savez peut-être, il est possible de faire des flèches en CSS uniquement en jouant avec les bordures.
Vous trouverez un lien plus bas pour générer rapidement le code CSS nécessaire pour les triangles colorés. Mais qu’en est-il si l’on souhaite avoir un triangle qui agisse comme une sorte de masque , une sorte de triangle transparent ?

Faire un triangle transparent en CSS

Voici un CodePen vous permettant de réaliser une flèche transparente en utilisant uniquement ce principe de bordure CSS :

See the Pen YZRYrY by habai (@jhabai) on CodePen.

Aller plus loin sur les flèches/triangles CSS