描いてみようという試み。うまく表示されないのがあります。CSSHTML図形では1つ(立体は3つ)まで、アイコンでは4つまでの要素で描いてます。要素数の縛りがなければいくらでもいけそう。使ってるけど、下みたいに書いたほうがいいかも。要素の初期位置と順番が変わるので注意。一つ一つ説明入れるの大変なので全部一度に貼っていきます。Shapes図形はきれいに並んでいるように見せるためにマージンとかで微調整してるのがあるので、修正が必要かと。使ったパンくずリストを見てて、この方法だと単色はともかく、グラデーションかけたい時、ボーダーで作った三角がネックでうまくいかないだろうなっておもった。再現した際に使った方法でグラデーションかけられそうなので試してみた。オリジナルの詳しい解説は既にコリスさんにありますので割愛。すると、ウィンドウ幅が小さいと崩れるかも。最大化して確認してます。表示されますが、微妙に動作が違います。他のブラウザ用のプロパティは機会があれば。こっちに貼ると長すぎて拒否されるので、デモのスタイルシート見てください。グラデーションかかってないように見えるけど、かかってます。同系色の色指定楽だね。bottom,from(hsla(34,85%,25%,1)),to(hsla(34,85%,30%,1)));}続いて以前あちこちで取り上げられてた、パンくずリストをいくつか再現してみる。※あくまでそれっぽくしただけです。