如何通过JS结合clip-path实现动态区域裁剪效果？

本文共计1379个文字，预计阅读时间需要6分钟。

背景：CodePen今天分享：CodePen Demo — Material Design Menu By Bennett Feely这个效果还是很有意思的，值得探讨学习。下面我们来一起看看。

如何实现这样一个类菜单的效果？

背景

今天逛 CodePen，看到了这样一个非常有意思的效果：

CodePen Demo -- Material Design Menu By Bennett Feely

这个效果还是有一些值得探讨学习的点，下面我们一起来看看。

如何实现这样一个类似的效果？

首先，想一想，如果让你去实现上面的效果，你会怎么做呢？

这里我简单罗列一些可能的办法：

• 阴影 box-shadow
• 渐变 radial-gradient
• 缩放 transform: scale()

快速的一个一个过一下。