css远离屏幕边缘

时间:2016-08-08 17:33:43

标签: css menu translate-animation radial

我使用以下放射状菜单...

http://www.cssscript.com/demo/radial-popup-menu-with-javascript-and-css3-circlemenu/#

看起来很棒,但我想在我的页面上看到两个。一个右下角和一个左下角。

这不是什么大事,但显然当我在屏幕左侧时,我需要按钮向右弹出,反之亦然。

我的问题......

对于每个列表项,CSS中的变换就像......

transform:translate(-144px,0);

显然将它作为正144将使其向右移动,这在菜单位于左下方时非常好......

不是必须有一个左类和右类,其背后基本上是相同的CSS,只有一个是积极的而另一个是否定的,有一个很好的方法来获得一组css规则,只会将li翻译掉来自div /屏幕边缘?或者我正在考虑这完全错误(如果我是一个笨蛋,请随意说)?

感谢

1 个答案:

答案 0 :(得分:0)

根据@hissvards评论,标记为已解决

  

“我不认为有一种使用纯CSS的方法,但是   使用预处理器非常容易。 -Hissvard”