我如何做一个对角线网格布局

Question

我想开发一个项目画廊的对角线网格布局。我找到了一个项目，有我需要的东西- http://neolab.no/.

这是我要做的布局。http://felipefernandes.nu/beta/fsmohan/screenshot/wireframe_site_fsmohan - 05. - jpg

任何想法?

Answer 1

你有一些选择，但没有一个是非常好的:

• 切碎图像:这看起来很好，但是你的悬停将会很困难，因为它们将基于矩形。
• 使用图像映射:您的悬停区域将能够正确对齐，但效果将很难。
• CSS3转换:如果你只能处理IE9+，这可能是一个选项。您必须保存顺时针旋转的图像，然后通过CSS逆时针旋转它们(反之亦然)。下面是一个简单的例子:
• 使用<canvas>
使用Flash:这可能是你的功能和外观最好的选择，但强迫你的网站依赖于一个插件有一个世界的问题。