带炫酷鼠标hover效果和预览特效的网格布局

当前位置:主页 > jQuery库 > 布局和界面 > 带炫酷鼠标hover效果和预览特效的网格布局
带炫酷鼠标hover效果和预览特效的网格布局
分享:

    插件介绍

    这是一款带炫酷鼠标hover效果和预览特效的网格布局。当鼠标hover网格时,网格中的元素会有动画效果。当点击了某个网格,相应的详细内容会以动画的方式打开。

    浏览器兼容性

    浏览器兼容性
    时间:2018-05-25
    阅读:
简要教程

这是一款带炫酷鼠标hover效果和预览特效的网格布局。当鼠标hover网格时,网格中的元素会有动画效果。当点击了某个网格,相应的详细内容会以动画的方式打开。

该网格布局特效的动画使用TweenMax来制作。

另外,由于该网格布局特效的CSS中使用了CSS变量,所以不是所有的浏览器都支持该特效。

下面是该网格布局特效的一些屏幕截图效果:

炫酷鼠标hover效果和预览特效的网格布局-1

炫酷鼠标hover效果和预览特效的网格布局-2

该炫酷鼠标hover效果和预览特效的网格布局的github地址为:https://github.com/codrops/GridLayoutMotion/