Packery などの石積みグリッドを作成することは可能ですが、CSS または SVG を介して作成された三角形を使用していますか? 私はこれをうまく行うことができますが、三角形を隣り合わせにして隙間がないようにするのは難しいようです。
私は次のものを持っています:
<div id="container">
<div class="item"></div>
<div class="item ud"></div>
<div class="item"></div>
</div>
.item
は正三角形を表し、.ud
クラスはそれをひっくり返すだけです。私の最初の考えは、負のマージンを使用して、それぞれの隣にある三角形を引っ張ることでした。ただし、三角形のサイズは異なります。