这是一款js和CSS3商品展示和不规则网格菜单特效。该特效采用轮播图的方式来展示商品。在每个页面的右上角,有一个主菜单按钮。当点击这个按钮时,会展开一个不规则的网格菜单,显示商品的尺寸、价格等信息。

由于该特效中使用了一些新的CSS3特性,所以不是所以的浏览器都支持该特效。请在支持CSS3的浏览器中查看这个DEMO。

下面是该js和CSS3商品展示和不规则网格菜单特效的一些截图效果。

js和CSS3商品展示和不规则网格菜单特效-1

js和CSS3商品展示和不规则网格菜单特效-2

该js和CSS3商品展示和不规则网格菜单特效的github地址为:https://github.com/codrops/SlideOutBoxMenu/