这是一个基于CSS grid(网格)的全屏开展式菜单殊效。该殊效当用户点击屏幕左下角的触发按钮之后,菜单会正在屏幕上以方形网格的形式逐步开展,当点击某个网格之后,该网格全屏开展,成果十分炫酷,欢送下载!
本殊效是应用anime.js来制造动画,并应用imagesLoaded来预加载图片。因为正在该殊效中应用了CSS 网格以及CSS变量,以是没有是一切的阅读器都支持该殊效,请应用支持CSS变量的阅读器来查看演示。
正在演示示例中,要关上菜单,请点击屏幕右下角的+ info按钮。
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。