【发布时间】：2016-12-14 14:07:33
【问题描述】：
我正在使用以下径向菜单...
http://www.cssscript.com/demo/radial-popup-menu-with-javascript-and-css3-circlemenu/#
看起来不错，但是我想要两个在我的页面上。一个右下，一个左下。
这没什么大不了的，但是很明显，当我在屏幕左侧时，我需要将按钮弹出到右侧，反之亦然。
我的问题...
对于每个列表项，CSS 中都有一个转换，例如...
变换：翻译(-144px, 0);
显然将其设为正数 144 会使它向右移动，当菜单位于左下角时，这非常棒...
而不是必须有一个左类和右类，其后面的 CSS 基本相同，只有一个是正面的，另一个是负面的，有没有一种很好的方法来拥有一组 css 规则，它只会将 li 翻译掉从 div/屏幕边缘？？或者也许我在想这个完全错误的（如果我是个笨蛋，请随意说）？
谢谢
【问题讨论】：
-
我认为没有办法使用纯 CSS 来实现，但使用预处理器会很容易。
-
非常感谢您的回复
标签： css menu translate-animation radial