又发现了一个酷炫的移动端Menu

CSS 2023-05-31 阅读:1407

上一次逛自行车职业车队官网时,发现两个车队的页面部份效果很酷炫,上次扒了以色列创业国度车队的PC端MENU效果,酷炫的想用又觉得太刺激了,这次扒的是UAE车队的移动端Menu效果,挺有意思的,搞了挺长时间终于给弄下来了,不过也发现点小BUG,可能人家用界面的一些其它的方式解决了这BUG呢,肯定有方法解决,我还是原汁原味的给弄下来,剩下的,愿意弄的我提供一下思路。

1、默认用深色的Header或者默认也用白色是没问题的。
2、弹出的菜单一定是背景色为白色,因为原版也是有个白圈。
3、用一个全屏的loading效果,先让这个动画自己走完,loading结束后,就平静了。
4、用JS控制默认不执行动画,点击后再加载呢。

这个问题可以通过更改body的background深浅色来看具体怎么回事。

UAE车队官网
我拆出来的Demo

1408