如何制作像这个网站一样的悬停效果（悬停时增长网格）[关闭]答案

【问题标题】：how to make hover effect like this site( grow gride on hover ) [closed]如何制作像这个网站一样的悬停效果（悬停时增长网格）[关闭]
【发布时间】：2016-08-15 17:50:03
【问题描述】：

我想为我的盒子制作一个悬停效果，就像这个网站所做的那样：

http://orangina.eu/products

我已经阅读了上述网站的代码并搜索了很多这样的功能，但没有找到任何东西。请问有谁可以帮帮我吗？

【问题讨论】：

hover effect你是指缩放效果还是动画？（就像瓶子的“舞蹈”）另外，请在询问之前阅读docs。
你想要抖动效果还是缩放效果
转到您链接的站点并按 f12，检查每个元素并查看代码
我需要在本网站工作中通过本网站上的图像来生成网格的缩放效果
这是一个starting point，用于不规则的网格布局。

标签： javascript jquery html css canvas

【解决方案1】：

这就是答案，享受吧：

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.5,0); }

其中 grow 是 Yours div 的类

【讨论】：

向网站显示此移动边框所有网格并具有梯形样式