css 从屏幕边缘平移
css translate away from screen edge
我正在使用以下圆形菜单...
http://www.cssscript.com/demo/radial-popup-menu-with-javascript-and-css3-circlemenu/#
看起来不错，但我想在我的页面上放两个。右下一张，左下一张。
这没什么大不了的，但是很明显，当在屏幕左侧时，我需要将按钮弹出到右侧，反之亦然。
我的问题...
对于每个列表项，CSS 中都有一个转换，例如...
变换：平移(-144px, 0);
显然将其设置为正数 144 会使它向右移动，这在菜单位于左下角时非常好...
而不是必须有一个左 class 和右 class 后面有基本相同的 CSS，只有一个是积极的，另一个是消极的，有没有一个好的方法拥有一套 css 规则，将 li 移离 div/screen 边缘？或者也许我在想这个完全错误的（如果我是一个笨蛋，请随意说）？
谢谢
根据@hissvards 评论标记为已解决
"I don't think there's a way to do it using pure CSS, but it would be
dead easy with a preprocessor. - Hissvard"
我正在使用以下圆形菜单...
http://www.cssscript.com/demo/radial-popup-menu-with-javascript-and-css3-circlemenu/#
看起来不错，但我想在我的页面上放两个。右下一张，左下一张。
这没什么大不了的，但是很明显，当在屏幕左侧时，我需要将按钮弹出到右侧，反之亦然。
我的问题...
对于每个列表项，CSS 中都有一个转换，例如...
变换：平移(-144px, 0);
显然将其设置为正数 144 会使它向右移动，这在菜单位于左下角时非常好...
而不是必须有一个左 class 和右 class 后面有基本相同的 CSS，只有一个是积极的，另一个是消极的，有没有一个好的方法拥有一套 css 规则，将 li 移离 div/screen 边缘？或者也许我在想这个完全错误的（如果我是一个笨蛋，请随意说）？
谢谢
根据@hissvards 评论标记为已解决
"I don't think there's a way to do it using pure CSS, but it would be dead easy with a preprocessor. - Hissvard"