＃158：Expando按钮菜单

影片下载
（只有MVP支持者可以下载原始高质量的录音以供离线查看。）

我前几天看到Eli Brumley拍摄的Dribbble互动效果很好。 单击一个简单的圆形蓝色按钮后，它本身会扩展为一个小菜单。 我在CodePen上启动了教授模式，以让人们观看我制作的影片 ，但是我也记录了下来，这样我就可以通过它谈论自己的方式并将其发布在这里。

这里的意图是涉及HTML，CSS，JavaScript，SVG和设计的思维练习。 这不是一个完美的生产就绪小部件。 实际上，最后，我们讨论了一些我们未曾了解的事情。

见笔菜单切换事情克里斯Coyier（ @chriscoyier上） CodePen 。

翻译自: https://css-tricks.com/video-screencasts/158-expando-button-menu/