details 我也考虑过，但似乎点击外部的时候不会切换状态，实现不了 dropdown 失去焦点时隐藏的效果，所以这里用 focus-within。
这个思想很对我的胃口，利用这个特点，不用 JS 的 Slider 组件也可以有。
另外还有 details这个标签也可以不用JS，也能实现弹出框。
以前用js实现过，方法是全局绑定事件，点击的时候插入一个元素播放动画，但感觉不太优雅去掉了。纯css应该还无法实现，点击中心的坐标需要js计算。
不打算加个 ripple effect 吗？
details 我也考虑过，但似乎点击外部的时候不会切换状态，实现不了 dropdown 失去焦点时隐藏的效果，所以这里用 focus-within。
这个思想很对我的胃口，利用这个特点，不用 JS 的 Slider 组件也可以有。
另外还有 details这个标签也可以不用JS，也能实现弹出框。
以前用js实现过，方法是全局绑定事件，点击的时候插入一个元素播放动画，但感觉不太优雅去掉了。纯css应该还无法实现，点击中心的坐标需要js计算。
不打算加个 ripple effect 吗？