Jquery CSS系统替代砌体

Jquery CSS系统替代砌体,jquery,css,css-transitions,jquery-masonry,Jquery,Css,Css Transitions,Jquery Masonry,我记得CSS网格系统替代了砖石(香草)。该站点为黑色背景,显示/排列彩色方框(元素周期表元素)。它还有基于形状和大小的过滤盒(如圆形、方形e.t.c)。它还使用硬件加速。我花了很多时间去寻找它,但没有运气。有人知道这个网站吗?为什么不检查一下它的对应物同位素的来源: 如果有人觉得它有用,这里还有另一种选择:我会尝试Salvattore,它使用CSS进行配置和所有设计,甚至不需要触摸JavaScript 我正在用这个。而且它与引导程序配合得非常好。基本上,我使用的不是容器,而是墙: <sty

我记得CSS网格系统替代了砖石(香草)。该站点为黑色背景,显示/排列彩色方框(元素周期表元素)。它还有基于形状和大小的过滤盒(如圆形、方形e.t.c)。它还使用硬件加速。我花了很多时间去寻找它,但没有运气。有人知道这个网站吗?

为什么不检查一下它的对应物同位素的来源:

如果有人觉得它有用,这里还有另一种选择:

我会尝试Salvattore,它使用CSS进行配置和所有设计,甚至不需要触摸JavaScript


我正在用这个。而且它与引导程序配合得非常好。基本上,我使用的不是容器,而是墙:

<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>    

.墙{
宽度:100%;
填充:0 20px;
-moz柱间距:20px;
-webkit柱间隙:20px;
柱间距:20px;
-moz列数:1;
-webkit列计数:1;
列数:1;
} 
.wall>.brick{
显示:内联块;
宽度:100%;
}
@媒体屏幕和屏幕(最小宽度:860像素){
.wall{-moz列计数:2;-webkit列计数:2;列计数:2;}
}
@媒体屏幕和屏幕(最小宽度:1280px){
.wall{-moz列计数:3;-webkit列计数:3;列计数:3;}
}
@媒体屏幕和屏幕(最小宽度:1700像素){
.wall{-moz列计数:4;-webkit列计数:4;列计数:4;}
}

其设计应确保砖的最小尺寸为400px。如果你不喜欢400,你可以做数学运算并更改
最小宽度
s。

请使用合适的搜索引擎和专门用于搜索网站的工具。这里我不是要你们帮我找到一个随机的网站/代码。我在问CSS系统的名称,它是砖石建筑的直接替代品,它已经存在,我只是问它的名称。我甚至没有问“是否有这样的系统”。所以我相信我的问题是正确的。我从这个问题中得到了价值,因为我在寻找同位素。不过qeustion可能会更好。我甚至不知道是同一个guyTnx,但IE 9呢