rotate a second menu verticaly

[ooblik]

hello there,

in my luju.fr site I try to rotate my second menu "verticaly" with this CSS trick I found :

.laynav.second_menu {
position: fixed;
right: -5em;
top: 50%;
text-align: center;
-webkit-transform: rotate(
90deg
);

but it's not working correctly, I don't understand how to fix this, thank's for your help!

vertical menu image url)

[ooblik]

I fix my mistake by myself, it's a 270° rotation !

with this it's OK :
.laynav.second_menu {
position: fixed;
right:-23em;
top: 60%;
text-align: center;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}

I don't understand the "right:-23em;" to fix this menu to the right... if there is an other way I take it, thank's!

[arminunruh]

ah interesting!

maybe this is important too?
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin

yes rotating can be confusing!!

[ooblik]

thank's @arminunruh , your theme is magic ;)

[arminunruh]

thx <3<3<3<3