Hohles Dreieck realisieren

Hintergrund: Während des Projekts kam es zu einem Tab-Wechsel, der den Effekt eines hohlen Dreiecks erforderte. Als Back-End-Ingenieur weiß ich wirklich nicht, wie ich es schreiben soll. Ich habe im Internet nach Implementierungsmethoden anderer Leute gesucht und festgestellt, dass es sich bei den meisten um solide Dreiecke handelt. Später fand ich endlich eines, das ein hohles Dreieck darstellte, und ich brach in Tränen aus. Der Implementierungseffekt ist relativ grob, aber die Idee ist immer noch relativ klar. Ich habe daraus gelernt und einige Verbesserungen gegenüber der ursprünglichen Basis vorgenommen, um einige Effekte hinzuzufügen

Prinzip des hohlen Dreiecks: Hauptsächlich implementiert unter Verwendung von Element-Pseudoklassen (:before,:after)

Rendering: ps: Farbwechsel verschieben

Implementierungscode:

Hohles Dreieck