基于GRID(网格)全屏展开式菜单特效

2018102004573036

这是一款基于 CSS grid(网格)的全屏展开式菜单特效。该特效当用户点击屏幕左下角的触发按钮之后,菜单会在屏幕上以方形网格的方式逐渐展开,当点击某个网格之后,该网格全屏展开,效果非常炫酷。该特效使用 anime.js 来制作动画,并使用 imagesLoaded 来预加载图片。由于在该特效中使用了 CSS 网格和 CSS 变量,所以不是所以的浏览器都支持该特效,请使用支持 CSS 变量的浏览器来查看演示。在演示示例中,要打开菜单,请点击屏幕右下角的+ info 按钮。下面是该特效的一些屏幕截图效果。

该基于 CSS grid(网格)的全屏展开式菜单特效的 github 地址为:https://github.com/codrops/GridMenu/

给TA打赏
共{{data.count}}人
人已打赏
导航菜单

jQuery菜单条鼠标跟随线条特效

2022-3-2 15:12:20

导航菜单

简洁JS和CSS3多级导航菜单

2022-3-2 15:17:07

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员-柒村长QQ21660010 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到付费才可观看的文章,建议升级终身VIP。全站所有资源任意下免费看”。本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索