三角形画廊缩略图悬停和点击 html 网站

Question

大家好。

我正在为大学编写一个在线作品集。我设计了这个缩略图库布局（如图所示），现在有两个问题。

1) 我想在每个三角形上设置一个悬停效果，改变三角形内图像的饱和度，以显示它可以被选中。 （显然没有死角，因为我知道三角形在点击和悬停命令时很棘手）

2) 一旦单击缩略图，我不确定从哪里开始灯箱缩放效果，因为我需要在每个项目中包含 3 张图像和简短描述。有什么建议吗？

感谢任何帮助。谢谢！

Answer 1

无需重新发明轮子，您就可以使用这个插件diamond plugin。

如果你想要它，你可以看到它的代码来回答你的问题。