使用CSS3对Javascript中的图像数组进行可视化排序



查看FaTaL的演示。在他的博客中解释说,他使用了CSS3 :targettransitions来实现这种图像的"视觉排序"。目标位置已在pres.css 中硬编码

问题是我的图像阵列是实时生成的。这是一个演示。我想按文件名的字母顺序"视觉排序"这些图像(点击按钮)。如何在不硬编码位置的情况下使用CSS3实现此类功能?filename和其他参数的JSON对象将在运行时用于排序。

我想不出任何CSS解决方案。这是我的纯Javascript解决方案。住在http://jsfiddle.net/uhAEA/1/.

它根据每个a标记的sortelm属性上设置的值进行排序。

这正是我想要的东西http://isotope.metafizzy.co/希望它也能帮助你们中的一些人。

相关内容

  • 没有找到相关文章