查看FaTaL的演示。在他的博客中解释说,他使用了CSS3 :target
和transitions
来实现这种图像的"视觉排序"。目标位置已在pres.css 中硬编码
问题是我的图像阵列是实时生成的。这是一个演示。我想按文件名的字母顺序"视觉排序"这些图像(点击按钮)。如何在不硬编码位置的情况下使用CSS3实现此类功能?filename和其他参数的JSON对象将在运行时用于排序。
我想不出任何CSS解决方案。这是我的纯Javascript解决方案。住在http://jsfiddle.net/uhAEA/1/.
它根据每个a
标记的sortelm
属性上设置的值进行排序。
这正是我想要的东西http://isotope.metafizzy.co/希望它也能帮助你们中的一些人。