CSS の境界線を通して三角形を描画する

CSS 境界線を介して三角形を描画でき、スタイルの組み合わせによって異なる効果が得られ、そのサイズ、色、方向を制御できます。以下のさまざまなグラフィックをご覧ください。見たことのないグラフィックが他にもたくさんあると思います。

最初にパブリック スタイルを作成します:

リーリー

上記の CSS に基づいて、三角形の方向を制御する次の組み合わせコードを追加します:

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

リーリー

また、以下のこの効果、

リーリー

異なる組み合わせにより異なる効果が得られます。さまざまな組み合わせによってもたらされる効果を試すことができます。