menu - css translate away from screen edge -

i'm using following radial menu...

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

looks great, want 2 on page. 1 bottom right , 1 bottom left.

that's no biggy, when on left of screen need buttons pop out right , visa versa.

my question...

for each of list items there's transform in css like...

transform: translate(-144px, 0);

obviously having positive 144 make move right, great when menu positioned in bottom left...

rather having have left class , right class same css behind it, 1 being positive , other negative, there nice way have 1 set of css rules translate li away div/screen edge?? or maybe thinking wrong (feel free if being numpty)?

thanks