我正在使用下面的径向菜单…
http://www.cssscript.com/demo/radial-popup-menu-with-javascript-and-css3-circlemenu/
看起来很棒,但是我想在我的页面上有两个。一个在右下角,一个在左下角。
这没什么大不了的,但是很明显,当在屏幕的左边时,我需要按钮弹出到右边,反之亦然。
我的问题…
对于每个列表项,CSS中都有一个转换,比如…
transform: translate(-144px, 0);
显然,将其设置为正144将使其向右移动,当菜单位于左下角时,这是很好的…
而不是必须有一个左类和右类的基本相同的CSS后面,只是一个是正的,另一个是负的,有没有一个很好的方法,有一套CSS规则,将翻译从div/屏幕边缘的li ??或者也许我完全想错了(如果我是一个傻瓜,请随意说)?谢谢
标记为已解决,根据@hissvards注释
"我不认为有办法用纯CSS来做到这一点,但它会使用预处理器非常简单。——Hissvard"