Masonry 的 CSS 系统替代方案

我记得有一个 CSS 网格系统可以替代 Masonry (Vanilla)http://masonry.desandro.com/ http://masonry.desandro.com/。该网站是黑色背景并显示/排列彩色框（元素周期表元素）。它还具有基于形状和尺寸（如圆形、方形等）的过滤盒。它还使用了硬件加速。我花了很多时间来找到它，但没有运气。有人知道这个网站吗？

我正在用这个。它与 Bootstrap 配合得很好。基本上我使用的是 WALL 而不是容器：

<style>
.wall {
    width: 100%;
    padding: 0 20px;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
} 
.wall > .brick {
    display: inline-block;
    width: 100%;
}

@media screen and (min-width:860px) {
    .wall {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
}

@media screen and (min-width:1280px) {
    .wall {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
}

@media screen and (min-width:1700px) {
    .wall {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}
}

</style>    

经过这样的设计，砖块必须至少为 400 像素。你可以做数学并改变min-width如果你不喜欢400。