如何在javascript中创建类似windows 10的通知菜单?

如何在javascript中创建类似windows 10的通知菜单?,javascript,jquery,gsap,Javascript,Jquery,Gsap,我正在开发一个web应用程序,我想实现。这个想法是,当我点击一个按钮时,它会在显示菜单和不显示菜单之间切换。我特别感兴趣的是你在菜单主体中看到的透明模糊效果,你可以看到它背后的东西,但是模糊。我在我的web应用程序中同时使用jQuery和GSAP,因此,如果您想在解决方案中使用它们,欢迎使用 如果有人能告诉我怎么做,我将非常感激。谢谢:-)这会有帮助的 或者google metro css这是windows的魅力所在。您可以使用Metro 4库创建它: 文件: 演示:我真正想知道的是如何在没有更

我正在开发一个web应用程序,我想实现。这个想法是,当我点击一个按钮时,它会在显示菜单和不显示菜单之间切换。我特别感兴趣的是你在菜单主体中看到的透明模糊效果,你可以看到它背后的东西,但是模糊。我在我的web应用程序中同时使用jQuery和GSAP,因此,如果您想在解决方案中使用它们,欢迎使用

如果有人能告诉我怎么做,我将非常感激。谢谢:-)

这会有帮助的
或者google metro css

这是windows的魅力所在。您可以使用Metro 4库创建它:

文件:
演示:

我真正想知道的是如何在没有更多框架的情况下实现透明的模糊性。你知道这是否可行吗?css->filter:blur(5px)第一个是透明度第二个是blur filter谢谢!为什么会有三张反对票?这是一个糟糕的问题吗?我不知道这有多奇怪,而且你可以在GitHub上查看这个演示的源代码,但没有评论