CSS从屏幕边缘翻译



我正在使用下面的径向菜单…

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"

相关内容

  • 没有找到相关文章

最新更新